vue 注册全局的组件

vue中组件的引用分为全局组件和局部组局

1.关于局部组件的使用功能

import A from '@/component/A'
export default {
    data () {},
    components: { A }
}

2.关于全局组将的引用

1.新建一个全局组件的文件夹 globalComponents.js

import ComponentA from '@/components/ComponentA' // ComponentA
importComponentB from '@/components/ComponentB' // ComponentB
export default (Vue)=>{
  Vue.component("ComponentA", ComponentA)
  Vue.component('ComponentB', ComponentB)  
}

2.在main.js注册全局组件

import globalComponents from '@/utils/globalComponents.js'
Vue.use(globalComponents)