vue项目中定义全局变量、函数的几种方法

this.internation = 1
}
}
}
}

因为Vuex有点繁琐，有点杀鸡用牛刀的感觉。因此认为并没有必要使用它。上面只是简单的使用，如果想要具体了解使用方式，可以去查阅资料具体掌握。

定义全局函数

原理：在main.js里面通过Vue.prototype将函数挂载到Vue实例上面，通过this.函数名，来运行函数。

1、在main.js文件直接定义方法

简单的函数可以直接写在main.js文件里定义。

// 将方法挂载到vue原型上
Vue.prototype.changeData = function (){
 alert('执行成功');
}

使用的时候组件里直接调用。

//直接通过this运行函数，这里this是vue实例对象
this.changeData();

2、使用全局函数专用模块，挂载到main.js上面

base.js文件，文件位置可以放在跟main.js同一级，方便引用（这点可以依据个人习惯决定）。

exports.install = function (Vue, options) {
  Vue.prototype.changeData = function (){
    alert('执行成功');
  };
};

main.js引入并使用。

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

所有的组件里就可以调用该函数。

this.changeData();

结语

以上是vue中全局变量和全局函数使用的全部内容。希望总结的东西对你有所帮组。还不太了解的可以多看几遍，大家加油！！！也希望大家多多支持软件开发网。