uni-app - 全局常量和变量

demo 地址: https://github.com/iotjin/jh-uniapp-demo

方式一：导入调用

写一个项目配置类：projectConfig.js，里面写一些全局常量（其实试了一下，也可以改值）

用法：

用的时候导入import ProjectConfig from './common/configs/projectConfig'
调用ProjectConfig.kAppName
使用HBuilderX，发现只有相对路径导入，才能点进去某个常量

// appName
export const kAppName = 'jh-uniapp-demo';
// 版本号
export const kVersion = '1.0.0';

/********************************* 数据存储 相关的 key ********************************/

// 保存本地的用户信息
export const kUD_UserInfo = 'kUD_UserInfo';
// 上次版本号
export const kUD_LastVersion = 'kUD_LastVersion';

方式二：挂载Vue.prototype调用

projectConfig.js

 module.exports = {
    kTest: 'kTest123',
}

main.js

 // 导入js文件
import ProjectConfig from './common/configs/projectConfig'
 // 挂载
Vue.prototype.$ProjectConfig = ProjectConfig

使用：

 console.log(this.$ProjectConfig.kTest); 

方式三：globalData

在App.vue添加globalData，可读写里面的值

globalData: {
    name: 'jh-uniapp-demo',
    userType: '',
    isIPhoneX: false, // 当前设备是否为 iPhone X
    kBottomSafeHeight: 0, // X 34 ，其余 0 
    kNetworkType: '', // 网络类型：wifi、2g、3g、4g、5g、unknown、none
    kHasNetwork: true, //是否有网，默认有
    kIsMobileNetwork: false, //是否是手机网络
    kDeviceType: '', //设备类型：android、ios、mac（ 3.1 .10 + ）、windows（ 3.1 .10 + ）、linux（ 3.1 .10 + ）
    kIsAndroid: false,
    kIsIOS: false,
    kSystemInfo: {}, //系统信息
},

调用：

 console.log(this.globalData.name) //app.vue页面  
 console.log(this.$options.globalData.name) //app.vue页面，调用方法也是用这个
 console.log(getApp().globalData.name)  //其他页面
 getApp().globalData.name='123' //赋值