vue引入第三方
开发过程中,有人已经写好了,我们直接在vue中引入第三方
如Swiper,触屏轮播图
温馨提示
官方文档:
https://swiperjs.com/vue
在哪里能找到这些组件,可以在github中找
vue2中找他已经整理好的第三方: 资源列表--A...VUE--->components&libra

如果是vue3就得找版本3也能用的,下面已经有案例叫我们怎么安装怎么用了。
下面以安装swiper为例:
(1)在集成终端来安装swiper
cnpm install --save swiper
把依赖保存到pager json(可能打错了)
(2)安装指定版本
cnpm install --save swiper @8.1.6
(3)引入插件,在helloworld.vue的script中引入

(4)注入

(5)在div中添加swiper,然后比如放三张图片

然后就达成了轮播图(图片滑动轮播)效果。
本文来自博客园,作者:Jaoany,转载请注明原文链接:https://www.cnblogs.com/fanglijiao/p/18791826

浙公网安备 33010602011771号