javascript - 如何在.vue文件中访问Vue全局变量

Question

自己基于Vuejs写了一个插件 {代码...} 在Vue.use以后myGlobalMethod方法是挂载在Vue对象上的，那怎么才能在.vue文件中访问到这个方法呢？或者怎么在.vue文件中访问到Vue对象？

PHP中文网 · Answer

一般是这样吧给 Vue.prototype 添加实例方法
请看官网文档：http://cn.vuejs.org/v2/guide/...

plugin.js

export default {
  install(Vue, options) {
    Vue.prototype.$myGlobalMethod = opts => {
      window.alert(JSON.stringify(opts))
    }
  }
}

main.js

import Vue from 'vue'
import MyPlugins from 'plugin.js'
Vue.use(MyPlugins)

App.vue

export default {
  name: 'app',
  mounted() {
    this.$myGlobalMethod({ code: 0, status: 'success', msg: '成功' })
  },
}

怪我咯 · Answer

导入Vue即可：

import Vue from 'vue';

export default {
  mounted(){
    Vue.myGlobalMethod();
  }
}

另外，把你的插件中最后一行代码修改为：

export default MyPlugins;

Php8, I'm coming too