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

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

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

1.安裝swiper

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

2.啟用swiper

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

3.分別在script和style引入

對(duì)于?script?中引入的代碼如下：

import Swiper from "swiper"

在?style?中引入的話(huà)代碼如下：

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

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