vue中的轮播图

1、首先要npm i swiper

2、在组件内引入swiper的js和css

引入js:----    import Swiperfrom "../../node_modules/swiper/swiper-bundle";

引入css:------@import "../../node_modules/swiper/swiper-bundle.css";

3、在方法里面写一个初始化轮播图的方法:

// 如果需要前进后退按钮

        navigation: {

nextEl:'.swiper-button-next',

prevEl:'.swiper-button-prev',

},

});

}

4、在页面上：

5、在created里面进行网络请求：