UNI-APP 实现全局变量的方法

最新推荐文章于 2024-08-29 18:45:33 发布

学web的碎碎

最新推荐文章于 2024-08-29 18:45:33 发布

阅读量652

点赞数 1

分类专栏：小程序 + uni-app 文章标签： vue.js javascript 前端 uni-app

本文链接：https://blog.csdn.net/weixin_42695298/article/details/118672368

版权

本文介绍了uni-app中实现全局变量的四种方法：利用本地存储、挂载到Vue.prototype、引入公用模块以及使用Vuex状态管理。详细阐述了每种方法的步骤，包括存储、获取数据、挂载属性和调用公用模块等操作。

摘要由CSDN通过智能技术生成

一、本地存储

将数据存储在本地缓存中指定的key中

1、存储

将数据存储在本地缓存中指定的key中,会覆盖掉原来该key对应的内容

// 这是一个异步接口
uni.setStorage(OBJECT)
uni.setStorage({
   
    key:"token",
    data:'xxxxxx'
})

// 这是一个同步接口
uni.setStorageSync(KEY, DATA)
uni.setStorageSync('token', 'xxxxxx')

2、获取

从本地存储中获取对应可以对应的内容

// 这是一个异步接口
uni.getStorage(OBJECT)
uni.getStorage({
   
    key:"token",
    success: function(res){
   
       console.log(res.data); //xxxxxx
    }
})

// 这是一个同步接口
uni.getStorageSync(