溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
如何引入vantUI組件？很多新手對此不是很清楚，為了幫助大家解決這個難題，下面小編將為大家詳細講解，有這方面需求的人可以來學習下，希望你能有所收獲。
vue中vant組件引入方式
需求是用vue做一個移動端商城，查了一些前端框架，就這個還合適，
按照文檔上面所說的組件按需引用的寫法如下：
import{Row,Col}from'vant';
Vue.use(Row).use(Col);
然后再頁面上寫對應的HTML代碼：
<van-row>
<van-colspan="8">span:8</van-col>
<van-colspan="8">span:8</van-col>
<van-colspan="8">span:8</van-col>
</van-row>
會報錯，，
比如找不到vue啊什么的。。。
正確的引用方式應該是下面這個樣子的：
import{Swipe,SwipeItem,Row,Col}from"vant";
exportdefault{
name:"index",
components:{
[Swipe.name]:Swipe,
[SwipeItem.name]:SwipeItem,
[Row.name]:Row,
[Col.name]:Col
},
data(){
return{
};
}
};
安裝Vant
npmivant-S：這是簡寫形式。
npminstallvant--save:這是完整寫法。
如果你網(wǎng)絡很慢的話，可以使用淘寶的源，但是不建議使用cnpm來進行安裝。
npminstallvant--save--registry=
看完上述內(nèi)容是否對您有幫助呢？如果還想對相關知識有進一步的了解或閱讀更多相關文章，請關注億速云行業(yè)資訊頻道，感謝您對億速云的支持。
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權內(nèi)容。
