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,然后比如放三张图片

 然后就达成了轮播图(图片滑动轮播)效果。

 

posted @ 2025-03-25 17:09  Jaoany  阅读(35)  评论(0)    收藏  举报