VUE 自定义插件Toast

记录自己遇到的问题,以备查询。

toast.js

import ToastTemplate from './ToastTemplate'

let Toast = {}

Toast.install = function(Vue,params={}){
  const VueToast = Vue.extend(ToastTemplate)  //创建模板
  let toast = null

  Vue.prototype.$toast = (params={}) =>{
    if(!toast){
      toast = new VueToast().$mount()  //创建实例
      document.body.appendChild(toast.$el)  //挂载实例
    }
    toast.show(params)

  }
}
export default Toast

ToastTemplate.vue







main.js

import Toast from './Toast'
Vue.use(Toast)

你可能感兴趣的:(vue)