App下載

在vue-cli中怎么使用 swiper?怎么使用swiper經(jīng)驗(yàn)分享?

猿友 2021-06-19 14:40:23 瀏覽數(shù) (3051)
反饋

在互聯(lián)網(wǎng)的潮流中我們需要面對的問題和技術(shù)難點(diǎn)還是比較多的,那么今天我們就來說下“在vue-cli中怎么使用 swiper?”這個(gè)問題吧!以下是小編整理的一些相關(guān)的內(nèi)容,大家可以作為參考和了解。


在我們要使用插件的時(shí)候就首先要進(jìn)行安裝的準(zhǔn)備:

1.安裝swiper

首先我們通過?cnpm install swiper --save-dev?這串代碼進(jìn)行安裝。

2.啟用swiper

我們對于如何啟動(dòng)swiper的話我們需要通過?Vue.use(swiper)?這串代碼來進(jìn)行啟動(dòng)。

3.分別在script和style引入

對于?script?中引入的代碼如下:

import Swiper from "swiper"

在?style?中引入的話代碼如下:

@import 'swiper/dist/css/swiper.css';

總結(jié):

以上這就是今天小編分享有關(guān)于“在vue-cli中怎么使用 swiper?”這個(gè)問題的相關(guān)內(nèi)容,當(dāng)然如果你有跟更好的方法也可以和大家分享學(xué)習(xí),那么今天有關(guān)于這個(gè)問題的方法我們的分享就到這邊啦!更多有關(guān)于vue-cli相關(guān)的知識我們可以在W3cschool中進(jìn)行系統(tǒng)的學(xué)習(xí)和了解。


0 人點(diǎn)贊