使用vue实现轮播图

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用vue实现轮播图相关的知识,希望对你有一定的参考价值。

参考技术A 1.安装依赖

npm i swiper@5 --save

npm i vue-awesome-swiper@3 --save

版本不过高

2.在main文件里全局引入轮播图和css同时使用Vue.use来注册一个轮播图插件

3。在自己的组件文件夹中新建一个轮播图组件MySwiper.vue

4.把组件引用到app.vue文件中去并使用

以上是关于使用vue实现轮播图的主要内容,如果未能解决你的问题,请参考以下文章

Vue实现轮播图

vue-swipe轮播图

vue中的轮播图

轮播图测试点

用vue写一个轮播图效果

为啥vue移动端轮播图的组件安装后没法使用?