vue全局变量

问题引入：

因为vue项目中，有一个需求是下载文件，即通过windows.open() 打开特定url实现文件的下载，url地址是使用硬编码的形式写在项目中，但是在项目的迁移过程中不够方便。所以，一直在寻找全局变量的方式来解决问题。

方法和原理:

1、单独新建一个全局变量模板文件，模板中定义一些变量或函数的初始状态，用export default暴露出去。

2、在main.js中引入，并通过Vue.prototype挂载实例，这时，在项目中就可以通过项目名.变量进行使用。

实例代码实现

1、新建global.js文件，在该文件中声明变量：如

const downloadUrl ="0.0.0.0"

export default {
    downloadUrl,
}

2、在main.js中引用

import global_msg from xxx/global.js
Vue.prototype.global_msg = global_msg

3、项目中使用

直接引用：

this.global_msg，如

console.log(this.global_msg.downloadUrl);

全局变量名就是Vue.prototype.xxx中的xxx；