如何在Vue项目中优雅的使用swiper插件

个人网站 https://iiter.cn 程序员导航站 开业啦,欢迎各位观众姥爷赏脸参观,如有意见或建议希望能够不吝赐教!

开始之前,请先确保有一个基于webpack模板的项目(vue-cli脚手架一键安装~)

1.npm命令安装swiper

npm install swiper --save-dev

2.在需要用到swiper插件的组件中引入swiper

import Swiper from "swiper"

3.在组件style中引入swiper插件的css(根据自己的项目路径选择)

如何在Vue项目中优雅的使用swiper插件

4.在methods方法里面初始化swiper插件

如何在Vue项目中优雅的使用swiper插件

5.在created钩子函数里面调用

如何在Vue项目中优雅的使用swiper插件

OK......

这里有324.57GB的修仙资料。嘿嘿嘿你懂得。/手动狗头
如何在Vue项目中优雅的使用swiper插件
扫二维码加为好友就完事了!安排~
如何在Vue项目中优雅的使用swiper插件