移动端Vant UI使用注册的两种方式

移动端Vant UI使用注册的两种方式

Excellent ! 2020-02-20 13:25:44 548 收藏 1
分类专栏: 移动端
版权
全局注册:
main.js 中:
import { Tab, Tabs,Step, Steps ,NavBar ,Toast ,Field ,Icon,Checkbox, CheckboxGroup, } from ‘vant’;

Vue.use(Checkbox);
Vue.use(CheckboxGroup);
Vue.use(Tab);
Vue.use(Tabs);
Vue.use(Steps);
Vue.use(Step);
Vue.use(NavBar);
Vue.use(Toast);
Vue.use(Field);
Vue.use(Icon);
如图:

局部注册:
.vue文件中

import { Calendar,Cell } from ‘vant’;
export default {
components: {
[Calendar.name]:Calendar,
[Cell.name]:Cell,
},
data() {
return {
};
},
};

如图

————————————————
版权声明:本文为CSDN博主「Excellent !」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/hww19960601/java/article/details/104409167

posted @ 2020-07-14 20:55  竹子up  阅读(2366)  评论(0编辑  收藏  举报