整理自己的思维过程，参考了别人的轮播图源码。
思路：
1.构建好轮播图样式
html
css
view
2.操作dom，首尾各增加一张图片
分析
添加图片函数
3.自动轮播函数
开启定时器
设置滚动过渡效果，调用滚动函数，调用index重置函数（到达障眼图片时需要切换）
重置过渡效果和index
滚动函数
touch事件
清除定时器
初始化
初始化变量
源码下篇文章见~
vue 轮播图组件
VUE项目中轮播图的实现 vue-awesome-swiper ——依赖插件vue-awesome-swiper...
为了在vue里做个轮播图，找遍了网页博客，终于找到一个看的懂得文章具体轮播图的做法参考原文地址：点击这里 vue过...
最近在学习Vue，然后做了一个轮播图，然后想起之前用jQuery做的轮播图，就打算进行一个对比。 jQuery轮播...
一、安装饿了么团队开发的vue专用的轮播图插件：vue-swipenpm install vue-swipe 二、...
vue的element ui 轮播图的高度设置成自适应
一、轮播图 接口地址： localhost:3000/banner?type=1 插件： vue-...
vue-awesome-swiper实现3d轮播图 写了好几个有关vue的移动端的项目，好多轮播样式都是3d的，所...
vue-awesome-swiper的使用 1、安装 2、在vue中引入 3、进入轮播图组件中
vue-awesome-swiper的使用 1、安装 2、在vue中引入 3、进入轮播图组件中
本文标题：vue轮播图
本文链接：https://www.haomeiwen.com/subject/xkbudktx.html
网友评论