Vue组件的注册

注册局部组件

//  定义局部组件的格式
import xxxx from 'xxxxx.vue'
export default {
	components: {
	   xxxx
	}
}

        缺点：每次在不同组件中使用该组件都需要重复以上代码，会造成代码冗余

 component注册全局组件

//  定义全局组件的格式
import 组件对象 from 'xxxxx.vue'
Vue.component('组件名', 组件对象)

        缺点：如果需要注册多个全局组件，会出现许多Vue.component()，导致main.js变得庞大，不好维护。

use注册全局组件

        在src/componets的目录下创建index.js

import 组件对象1 from '组件路径1'
import 组件对象2 from '组件路径2'
export default {
  install(Vue) {
    
    Vue.component('组件名1', 组件对象1)
    Vue.component('组件名2', 组件对象2)
  }
}

        在main.js中注册插件

import Components from './components/index.js'
Vue.use(Components)