如何引入vantUI组件-创新互联

如何引入vantUI组件？很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。

vue中vant组件引入方式

需求是用vue做一个移动端商城，查了一些前端框架，就这个还合适，

按照文档上面所说的组件按需引用的写法如下：

import{Row,Col}from'vant';

Vue.use(Row).use(Col);

然后再页面上写对应的HTML代码：

span:8

span:8

span:8

会报错，，

比如找不到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=

看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注创新互联行业资讯频道，感谢您对创新互联网站建设公司，的支持。