在做vue项目时,咱们会经常遇到轮播图效果,那么这给大家介绍一个好用的轮播图插件vue-awesome-swiper,首先在github中搜索vue-awesome-swiper,然后根据里面的文档去进行下载安装:
git install vue-awesome-swiper --save
但是这里咱们需要去定义版本号,因为最新的版本会有一些小的Bug,所以这里咱们使用的是2.6.7的版本。
git install [email protected] --save
安装好之后,在vue里去全局引用这个插件(在入口文件main.js里引用):
import VueAwesomeSwiper from 'vue-awesome-swiper'
import 'swiper/dist/css/swiper.css'
Vue.use(VueAwesomeSwiper)
然后就可以在vue项目里去使用这个插件了。