一般做移动端轮播图的时候,最常用的就是Swiper插件了,而vue.js也有一个轮播组件vue-awesome-swiper,用法跟swiper相似。
1.安装vie-awesome-swiper
nam install vue-awesome-swiper --save-dev
2.引用vie-awesome-swiper组件,这里我是用vie-cli创建的项目,在main.js:
import VueAwesomeSwiper from 'vue-awesome-swiper'; Vue.use(VueAwesomeSwiper) //记得不要忘记这句
3.Home.vue下使用
slide1 slide2
以上所述是小编给大家介绍的基于vue.js轮播组件vue-awesome-swiper实现轮播图,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对考高分网网站的支持!



