移動端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