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

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

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

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

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

2.挂载 Vue.prototype

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

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

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

3.globalData 

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

js中操作globalData的方式如下:

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

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

4 Vuex 

 

你可能感兴趣的:(uni-app)