Vue-cli全局组件实现

1. 在components中建立一个组件
2. 在main.js中用import引入
3. 使用Vue.component('组件名',引入的组件）
4. 在其他组件中引用<组件名/>
5. 注册组件必须要放在根实例前面才可以使用

Vue.use()和Vue.component():

1. import Add from './components/Add';
   Vue.use(Add)
   将组件注册到全局，一般是使用插件时用到，
   Vue.use(plugin)的初始化方法{install:function(){} },里面可以一次性注册多个组件

MyPlugin.install = function (Vue, options) {
  // 1. 添加全局方法或属性
  Vue.myGlobalMethod = function () {
    // 逻辑...
  }

  // 2. 添加全局资源
  Vue.directive('my-directive', {
    bind (el, binding, vnode, oldVnode) {
      // 逻辑...
    }
    ...
  })

  // 3. 注入组件选项
  Vue.mixin({
    created: function () {
      // 逻辑...
    }
    ...
  })

  // 4. 添加实例方法
  Vue.prototype.$myMethod = function (methodOptions) {
    // 逻辑...
  }

2. import Add from "./Add.vue"
   export default (Vue)=>{
   Vue.component(Add.name,Add)
   }
   也是将组件注册到全局,只能一个一个地注册