在互聯(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í)和了解。