在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中进行系统的学习和了解。