《vue+vant+node+mongoDB+koa2》电商项目实战连载(2)

2018-12-07 14:17:20 浏览数 (1)

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

}]

]

0 人点赞