如何引入vantUI组件

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

　　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=

看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注恰卡编程网行业资讯频道，感谢您对恰卡编程网的支持。