怎么在vue2.0项目中使用偷窃者组件实现一个轮播效果

　　介绍

本篇文章给大家分享的是有关怎么在vue2.0项目中使用偷窃者组件实现一个轮播效果,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。

1,安装偷窃者

npm  install  swiper@3.4.1 ——save-dev

2,引用组件

import  Swiper 得到& # 39;偷窃者# 39;; 　　import  & # 39;偷窃者/dist/css/swiper.min.css& # 39;;

3, html页面代码

, & lt; div 类=皊wiper-container", id=皊wiper"比; 　　& lt;才能div 类=皊wiper-wrapper"比; 　　,,& lt; div 类=皊wiper-slide", v=?项目,美元指数),拷贝detail.imgs"比; 　　,,& lt; a  v:点击=皊howPreview(美元指数,detail.imgs swiperObj)“比; 　　,,,& lt; figure 类=皐p-avatar  banner"比; 　　,,,https://www.yisu.com/zixun/& lt; img  v-cloak : src="项目| toQiNiuImg "/> 　　图>