将this下的某个属性方法指到window下 方便直接调用

src\main.js

将this下的某个属性方法指到window下 方便直接调用

window.$message = this.$message

在VUE文件中 或封装的js库中直接调用 调用方式如下

$message.success(`${this.attrTitle}成功`); 

而不再是

this.$message.success(`${this.attrTitle}成功`);      

完整代码src\main.js

import Vue from 'vue'
import '@/assets/scss/index.scss'
import '@/assets/scss/custom.scss'
import App from './App'
import router from './router'
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'//注入ElementUI样式

Vue.config.productionTip = false
Vue.use(ElementUI)

// 设置浏览器标题
Vue.directive('title', {
  inserted: function (el, binding) {
    document.title = el.dataset.title
  }
})

new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>',
  created() {
    window.$message = this.$message
    window.$prompt = this.$prompt
    window.$notify = this.$notify
    window.BUS = this.BUS
    window.viewer = this.viewer
  }
})