Vue注册全局组件
最进在练手的项目上,需要一个加载动画组件,由于在多个地方需要引用,所以将其注册为全局组件
导出对象
import Skeleton from './Skeleton';
export default {
install: Vue => {
Vue.component('skeleton', Skeleton)
}
}
在main.js中注册
import Skeleton from '@/components/skeleton/index';
Vue.use(Skeleton)
另一种方法
直接在main.js使用Vue.component(’…’,组件名)
import Skeleton from '@/components/skeleton/Skeleton.vue';
Vue.component('skeleton',Skeleton)
使用
不用再import,然后在组件内components注册了
直接使用<skeleton :count="2" />