<!-- 第二節,引入vant組件庫 -->
其實vue的組件庫很多,
之前咱們講過一個餓了麼團隊出的一個組件庫 elementUI;
今次咱們用有贊團隊出的組件庫,Vant
<!-- 輕量、可靠的移動端 Vue 組件庫 -->
https://youzan.github.io/vant/#/zh-CN/intro,
使用組件庫,節省開發時間、成本,
特性
50+ 個經過有贊線上業務檢驗的組件
單元測試覆蓋率超過 90%
完善的文檔和示例
支持 babel-plugin-import
支持 TypeScript
支持 SSR
安裝,
npm install vant --save
簡寫,
npm i vant -S
<!-- 優雅引入 vant -->
安裝,babel-plugin-import
npm i babel-plugin-import -D
or
npm i babel-plugin-import --save-dev
打開 項目根目錄的 .babelrc 文件,
可以按需要引入 組件模塊,現在是很主流的引入 方式,
"plugins": [
"transform-vue-jsx",
"transform-runtime",
["import",{
"libraryName":"vant",
"style":true
}]
]