swiper的使用

swipe是一个轮播图插件，我在vue中使用，方便简单。swipe里面有很多的滑动组件。我只用过旋转木马。以后有时间可以去官网看看其他组件的介绍。官网地址github地址安装：npminstallvue-swipe安装完成后，我没有在main.js中注册，而是使用页面注册。因为一般来说轮播图只会展示在一个应用的首页，所以不需要全局注册，在index.vue页面注册使用即可。使用方法：//html123//js//topreferenceimport{Swipe,SwipeItem}from'vue-swipe'import'vue-swipe/dist/vue-swipe.css';//注册本地组件:{Swipe,SwipeItem}//css.carousel-figure{height:150px;//必须给一个高度，否则高度为0，什么都不会显示。slide1{background-color:blue;}.slide2{背景颜色：金色；}.slide3{背景颜色：绿色；}}注：其实我一般把首页的轮播图写成循环的方式。这是项目中的代码//循环时必须绑定key，否则会报错