uni-app 全局变量的几种实现方式

参考 https://ask.dcloud.net.cn/article/id-35021__page-2

1.定义一个专用的模块，用来组织和管理这些全局的变量，在需要的页面引入。

创建 common 目录，然后在 common 目录下新建 helper.js 用于定义公用的方法。

这种方式维护起来比较方便，但是缺点就是每次都需要引入。

2.挂载 Vue.prototype

这种方式，只需要在 main.js 中定义好即可在每个页面中直接调用。

将一些使用频率较高的常量或者方法，直接扩展到 Vue.prototype 上，每个 Vue 对象都会“继承”下来。

不想污染全局作用域。这种情况下，你可以通过在原型上定义它们使其在每个 Vue 的实例中可用。

属性或方法，可以加一个统一的前缀。比如 $url、global_url 这样 

Vue.prototype.$appName = ‘My App’ 

这样 $appName 就在所有的 Vue 实例中可用了，甚至在实例被创建之前就可以。如果我们运行：
new Vue({
  beforeCreate: function () {
    console.log(this.$appName)
  }
})

3.globalData 

在 App.vue 可以定义 globalData ，也可以使用 API 读写这个值。

js中操作globalData的方式如下：

赋值：getApp().globalData.text = 'test'

取值：console.log(getApp().globalData.text) // 'test'