《vue+vant+node+mongoDB+koa2》電商項目實戰連載(2)

<!-- 第二節,引入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

}]

]

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章