uniapp nvue和vue 全局变量 国际化多语言开发 computed data globalData i18n undefined

目录

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页面都可以统一全局切换。