在vue-cli中怎么使用 swiper?怎么使用swiper经验分享?
2021-06-19 14:40:23
浏览数 (3130)
在互联网的潮流中我们需要面对的问题和技术难点还是比较多的,那么今天我们就来说下“在vue-cli中怎么使用 swiper?”这个问题吧!以下是小编整理的一些相关的内容,大家可以作为参考和了解。
在我们要使用插件的时候就首先要进行安装的准备:
1.安装swiper
首先我们通过cnpm install swiper --save-dev
这串代码进行安装。
2.启用swiper
我们对于如何启动swiper的话我们需要通过Vue.use(swiper)
这串代码来进行启动。
3.分别在script和style引入
对于script
中引入的代码如下:
import Swiper from "swiper"
在style
中引入的话代码如下:
@import 'swiper/dist/css/swiper.css';
总结:
以上这就是今天小编分享有关于“在vue-cli中怎么使用 swiper?”这个问题的相关内容,当然如果你有跟更好的方法也可以和大家分享学习,那么今天有关于这个问题的方法我们的分享就到这边啦!更多有关于vue-cli相关的知识我们可以在W3cschool中进行系统的学习和了解。