全局注册使用:(注册以后可以在任何子组件使用)
1.在main.js里面导入两个包
import Vue from 'vue';
import { CountDown } from 'vant';
2.大括号里面是要导入的vant组件,导入完毕之后运用Vue.component注册
Vue.component(CountDown.name, CountDown);
局部注册:(只在单文件组件使用)
1.在子组件里面运用import 导入要使用的包,不再需要Vue.use也可以使用。
import { CountDown } from 'vant';
export default {
components: {
[CountDown.name]: CountDown,
},
};
2.定义完components就可以直接在组件中使用了,[CountDown.name]: CountDown, 里面的name后缀可能会是别的,具体看文档。Vant 2 - 轻量、可靠的移动端组件库 (gitee.io)
<div class='box'>
<div&