Vue.use优化全局组件注册

1.作用: 它是Vue提供一个静态方法，用来向Vue注册插件(增强vue的功能)

文档地址: cn.vuejs.org/v2/api/#Vue…

2.格式: Vue.use(obj)

3.说明:

Vue.use 可以接收一个对象，Vue.use(obj)
对象obj中需要提供一个 install 函数
在 Vue.use(obj) 时，会自动调用该 install 函数，并传入 Vue构造器

4. install的参数及执行

const MyPlugin = {
	install(obj) {
    console.log('install.....', obj)
  }
}
Vue.use(MyPlugin)

5.定义全局组件

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

使用: 在main.js中注册插件
import 注册的组件名 from '路径'
Vue.use(注册的组件名)