Vant 是什么?
下面来正式介绍一下Vant小朋友
Vant是有赞开源的一套基于Vue2.0的Mobile组件库。通过Vant,可以快速搭建出风格统一的页面,提升开发效率。目前已有近50个组件,这些组件被广泛使用于有赞的各个移动端业务中。Vant旨在更快、更简单地开发基于Vue的美观易用的移动站点。特性组件都是来源于有赞的微商城业务,并且经过有赞业务的检验,更靠谱完善详实的中文文档专门的设计师团队维护视觉规范,统一而优雅支持babel-plugin-import单测覆盖率超过90%建议搭配webpack,babel使用Vant。
有赞
看到这里，你们肯定产生了一个疑问,有赞是什么?
有赞，是一个商家服务公司。 2012年11月27日在杭州贝塔咖啡馆孵化成立。帮助每一位重视产品和服务的商家私有化顾客资产、拓展互联网客群、提高经营效率，全面助力商家成功.有赞拥有社交电商、新零售、美业、教育及有赞国际化五大业务体系，通过旗下的社交电商、门店管理和其他新零售SaaS软件产品、解决方案及服务，全面帮助商家解决在移动互联网时代遇到的推广获客、成交转化、客户留存、复购增长、分享裂变等问题
安装Vant
下面让咱们进入正题，来聊一聊怎么安装vant
NPM
npm i vant -S
YARN
yarn add vant
安装 0.x 版本
npm i vant-weapp -S --production
Vant官网
vant-ui.github.io/vant-weapp/…
Vant 使用
下面来讲讲安装完成后要怎么把vant应用到项目里
在main.js中引入vant
代码如下
下面就可以正常使用Vant组件了
Tab标签页
代码如下
效果如下
GoodsAction商品导航
代码如下
效果如下
