《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

}]

]

原文发布于微信公众号 - web前端教室(webfeel)

原文发表时间:2018-11-04

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏deepcc

pjax 历史管理 jQuery.History.js

3995
来自专栏猛牛哥的博客

解决新版wordpress打开速度超级慢的问题

4423
来自专栏jeremy的技术点滴

微信小程序上手

6636
来自专栏QQ空间开发团队的专栏

iOS 高性能图片架构与设计

一个优秀的图片组件应该具有这些特性:集并发控制,请求合并,下载,缓存,缓存自动淘汰,图片处理,动画的从数据源到图片显示的一站式解决方案。做到图片加载展示如丝般顺...

2.5K0
来自专栏腾讯AlloyTeam的专栏

Node 直出理论与实践总结

直出是什么?到底是怎样的性能优化?本文将结合从在浏览器输入url,到展示最终页面的过程来对其进行一步步分析,并将在手Q web 中的实际应用实践进行总结。

8110
来自专栏木子昭的博客

简单优化前端工程几种方式(上篇)

如果A网站和B网站, 同时使用了https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js的资源,...

853
来自专栏专业duilib使用+业余界面开发

duilib的xml预览工具duilibpreview

5194
来自专栏happyJared

Fiddler实现微信授权开发调试

案发现场: 某天,一名正儿八经的开发"猿",在疯狂一顿Coding之后,他完成了微信授权登录功能的编码。下来他想先在本地调试一下,然后再部署到线上环境。于是在...

4882
来自专栏Esofar 开发日记

Silence - 专注于阅读的博客园主题

Silence 追求大道至简的终极真理,旨在打造一个干净、专注阅读的博客主题,没有二维空间元素、不存在花里胡哨。

2193
来自专栏DeveWork

WordPress 添加个性化的博客宠物(汉纸篇)

之前一篇文章分享了在WordPress 添加个性化的萌妹子的方法(见:《WordPress 添加个性化的博客宠物(妹纸篇)》),不过那个不适合广大的男汉纸的博客...

2315

扫码关注云+社区

领取腾讯云代金券