text: /**
   * Vue插件
   *
   * 原理：通过 vm.extend 构造器，将 .vue 文件做成一个"子类"，实例化后，挂载在html文档上，然后添加到body即可。具体的操控即可通过'实例'对象来组成了。
   *
   * 参考链接：
   * ://cn.vuejs.org/v2/api/#Vue-extend
   * ://cn.vuejs.org/v2/api/#vm-mount
   */
  
  import ToastComponent from './Toast'
  
  const Toast = {};
  
  Toast.install = (Vue) => {
      // 第一步：使用基础 Vue 构造器，创建一个“子类”
      const ToastConstructor = Vue.extend(ToastComponent);
      // 第二步：创造一个组件实例
      const instance = new ToastConstructor();
      // 第三步：挂载实例。挂载的目标就是把模板渲染成最终的DOM。
      instance.$mount();
      // 第四步：在body添加组件
      document.body.appendChild(instance.$el);
  
      // 第五步：添加实例方法，以供全局调用
      Vue.prototype.$toast = (msg, type, duration = 2000) => {
          instance.message = msg;
          instance.type = type;
          instance.show = true;
          setTimeout(() => {
              instance.show = false;
          }, duration)
      }
  };
  
  export default Toast;
  