在vue中如何安裝使用Vant


---恢復內容開始---

###Vant中文文檔地址:https://youzan.github.io/vant-weapp

#1、創建Vue項目之后,運行安裝命令:13:47:04

##npm i vant -S

#2、安裝babel-plugin-import

##npm i babel-plugin-import -D


#3、

在babel.config.js中配置plugins,直接復制下行代碼

"plugins": [

 

    ["import",{"libraryName":"vant","style":true}]

 

  ]

 

 

 

 

4、按需引入組件

import { Button } from 'vant'
Vue.use(Button)
 
<van-button type="primary">primary按鈕</van-button>


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM