目录

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

1.公共模块

2.挂载 Vue.prototype

3.globalData

4.Vuex

 


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

1.公共模块

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

注意:这种方式只支持多个vue页面或多个nvue页面之间公用,vue和nvue之间不公用。


2.挂载 Vue.prototype

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

注意:这种方式只支持vue页面,不支持nvue页面


3.globalData

globalData支持vue和nvue共享数据。使用起来比较简单。

4.Vuex

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。

注意: HBuilderX 2.2.5以后的版本编译器都支持vue和nvue之间共享。对比前面的方式,该方式更加适合处理全局的并且值会发生变化的情况。


5. 使用

我使用了i18n 和 globalData的方式进了多语言的开发,这样,在vue页面和nvue页面都可以统一全局切换。

lang/index.js

App.vue

main.js

home.vue

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐