1、vue中定义全局事件

方法1

在main.js中Vue构造函数的原型上新增函数；

Vue.prototype.globalGetData=function(){
  console.log('getData');
};

然后可以直接在模板中调用：

this.globalGetData();

方法2

创建一个文件（base.js）：

exports.install = function (Vue) {
  Vue.prototype.globalGetData = function () {
    console.log('getData');
  }
};

或者这样子：

export default {
  install(Vue) {
    Vue.prototype.globalGetData = function () {
      console.log('getData');
    };
  }
}

然后在main.js中引入base.js并use:

import base from './base
Vue.use(base);

然后可以直接在模板中调用：

this.globalGetData();