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

全局注册：
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 {
};
},
};

如图