Vant 是有贊前端團(tuán)隊(duì)基于有贊統(tǒng)一的規(guī)范實(shí)現(xiàn)的 Vue 組件庫(kù)，提供了一整套 UI 基礎(chǔ)組件和業(yè)務(wù)組件。

為昂仁等地區(qū)用戶提供了全套網(wǎng)頁(yè)設(shè)計(jì)制作服務(wù)，及昂仁網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為網(wǎng)站設(shè)計(jì)制作、網(wǎng)站建設(shè)、昂仁網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠(chéng)的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

特性

1. 50+ 個(gè)經(jīng)過(guò)有贊線上業(yè)務(wù)檢驗(yàn)的組件
2. 單元測(cè)試覆蓋率超過(guò) 90%
3. 完善的中英文文檔和示例
4. 支持 babel-plugin-import
5. 支持 TypeScript
6. 支持 SSR

組件中文文檔地址：https://youzan.github.io/vant/#/zh-CN/intro

1、創(chuàng)建VUE項(xiàng)目之后進(jìn)入項(xiàng)目目錄運(yùn)行安裝命令：

npm i vant -S

2、安裝 babel-plugin-import 插件，babel-plugin-import 是一款 babel 插件，它會(huì)在編譯過(guò)程中將 import 的寫(xiě)法自動(dòng)轉(zhuǎn)換為按需引入的方式

npm i babel-plugin-import -D

3、在.babelrc文件中配置plugins（插件）

"plugins": [
  "transform-vue-jsx", 
  "transform-runtime",
  ["import", [{ "libraryName": "vant", "style": true }]]
 ],

4、按需要引入vant組件，比如我們要在HelloWord.vue組件中使用 Loading 組件，我們可以先 在組件中引入

然后在頁(yè)面中加入組件代碼

這樣就可以看到效果了

以上所述是小編給大家介紹的VUE安裝和使用vant組件詳解整合，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)創(chuàng)新互聯(lián)網(wǎng)站的支持！