Vant是有赞开源的一套基于Vue2.0的Mobile组件库。通过Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近50个组件,这些组件被广泛使用于有赞的各个移动端业务中。Vant旨在更快、更简单地开发基于Vue的美观易用的移动站点。特性组件都是来源于有赞的微商城业务,并且经过有赞业务的检验,更靠谱完善详实的中文文档专门的设计师团队维护视觉规范,统一而优雅支持babel-plugin-import单测覆盖率超过90%建议搭配webpack,babel使用Vant。

看到这里，你们肯定产生了一个疑问,有赞是什么?

有赞，是一个商家服务公司。 2012年11月27日在杭州贝塔咖啡馆孵化成立。帮助每一位重视产品和服务的商家私有化顾客资产、拓展互联网客群、提高经营效率，全面助力商家成功.有赞拥有社交电商、新零售、美业、教育及有赞国际化五大业务体系，通过旗下的社交电商、门店管理和其他新零售SaaS软件产品、解决方案及服务，全面帮助商家解决在移动互联网时代遇到的推广获客、成交转化、客户留存、复购增长、分享裂变等问题

vant-ui.github.io/vant-weapp/…

下面来讲讲安装完成后要怎么把vant应用到项目里

在main.js中引入vant

代码如下

下面就可以正常使用Vant组件了

代码如下

效果如下

代码如下

效果如下