Vue关于install自定义全局插件

以loading组件为例，这个用的比较多
步骤：
一.定义loading.vue组件，方法同定义普通组件(好像少写了这篇文章)
二.定义loading.js，基本写法如下

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) {
    // 逻辑...
  }
}
使用

三.全局引用，通过全局方法 Vue.use() 使用插件:
// 调用 `MyPlugin.install(Vue)`
Vue.use(MyPlugin)

loading.vue

<template>
  <transition :name="animateName">
    <div class="loadings" v-show="isShow">
      <img src="../../../assets/image/loadingV1.gif">
    </div>
  </transition>
</te