swiper是一个轮播插件,在vue框架中,如何使用swiper?
工具/原料
1
swiper
2
vue
3
HBuilderX
4
截图工具
5
WPS
6
浏览器
方法/步骤
1
在vue项目根目录下,鼠标右键选择Git Bash Here,然后输入安装swiper命令
3
打开已新建的VueSwiper文件,插入多个div标签,并添加class
4
在script标签中,添加mounted,调用Swiper插件
5
在标签中,利用类选择器设置样式属性
6
保存代码并运行项目,可以发现Swiper没有导入,然后再次保存,查看效果
注意事项
1
注意vue和swiper结合起来使用
2
注意在vue框架中使用第三方插件
下一篇:图解vue 安装和常见问题解决