Vant(ˈvænt) 是有赞前端团队基于有赞统一的规范实现的Vue组件库，提供了一整套UI基础组件和业务组件。通过Vant，可以快速搭建出风格统一的页面，提升开发效率。目前已有近50个组件，这些组件被广泛使用于有赞的各个移动端业务中。如果你需要开发一个移动商城，用Vant就再合适不过了。
vue中vant组件引入方式
需求是用vue做一个移动端商城，查了一些前端框架，就这个还合适，
按照文档上面所说的组件按需引用的写法如下：
import{Row,Col}from'vant';
Vue.use(Row).use(Col);
然后再页面上写对应的HTML代码：
<van-row>
<van-colspan="8">span:8</van-col>
<van-colspan="8">span:8</van-col>
<van-colspan="8">span:8</van-col>
</van-row>
会报错，，
比如找不到vue啊什么的。。。
正确的引用方式应该是下面这个样子的：
import{Swipe,SwipeItem,Row,Col}from"vant";
exportdefault{
name:"index",
components:{
[Swipe.name]:Swipe,
[SwipeItem.name]:SwipeItem,
[Row.name]:Row,
[Col.name]:Col
},
data(){
return{
};
}
};
安装Vant
npmivant-S：这是简写形式。
npminstallvant--save:这是完整写法。
如果你网络很慢的话，可以使用淘宝的源，但是不建议使用cnpm来进行安装。
npminstallvant--save--registry=
总之，Vant给大家简单的介绍了一些，希望大家多看看。