vue中vant组件引入方式
需求是用vue做一个移动端商城,查了一些前端框架,就这个还合适,
按照文档上面所说的组件按需引用的写法如下:
import{Row,Col}from'vant';
Vue.use(Row).use(Col);
然后再页面上写对应的HTML代码:
会报错,,
比如找不到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=