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

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

 

 

 

 

 

 

 

 


————————————————
版权声明:本文为CSDN博主「时间在飞飞」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/zhanghuanhuan1/article/details/115373901

posted @ 2023-02-18 23:08  mingruqi  阅读(569)  评论(0编辑  收藏  举报