【UniApp】-uni-app-全局数据和局部数据

前言

  • 好,经过上个章节的介绍完毕之后,了解了一下 uni-app-全局样式和局部样式
  • 那么了解完了全局样式和局部样式之后,这篇文章我再来给大家介绍一下 UniApp 中全局数据和局部数据

搭建演示环境

创建一个全新的项目:

然后在配置一下,微信小程序的 AppId,直接去之前的项目中拷贝一下即可,找到之前项目的 manifest.json 文件,然后选择微信小程序配置,复制一下即可:

  • 经过如上的这么一顿操作之后,就可以搭建完毕运行环境,与编码环境

步入正题

全局数据

  • 先来看一下全局数据,全局数据在微信小程序中怎么搞?在微信小数据中是不是有个 globalData
  • 那么在 UniApp 当中也有 globalData,回到官方文档,然后找到 全局文件
  • 在全局文件中找到 App.vue/uvue
  • 点击 App.vue/uvue 就可以发现这里有 globalData

官方介绍:

  • 小程序有 globalData,这是一种简单的全局变量机制。这套机制在uni-app里也可以使用,并且全端通用
  • 当然vue框架的全局变量,另有其他方式定义
  • 好了看完之后我们来验证一下,官方说明了 globalData 是定义在 App.vue 中,所以我们也需要这么来写

定义全局数据

  • 打开新创建好的项目然后,找到 App.vue 文件

  • 我定义了两个属性分别是 name, age
globalData: {  
    name: 'BNTang',
    age: 18
}

获取全局数据

  • 我们定好了数据,是不是要进行使用
  • 使用方式在官方也是有介绍的,官方是这么说的:js 中操作 globalData 的方式通过 getApp().globalData.text = 'test'

首页

  • 我们在首页输出打印一下全局的数据就相当于使用了好吧,更改 index.vue
onLoad() {
	console.log("全局数据: ", JSON.stringify(getApp().globalData));
}

测试

Web端

  • 在官方文档中,提到了 并且全端通用,所以我这里还需要在运行在微信小程序上看看效果

微信小程序

总结

  • 使用全局数据,只需要在 App.vue 当中通过 globalData 来保存数据
  • 然后在其他页面当中通过 getApp().globalData 来获取保存的全局数据

这里大家可以看到我的文章目录中没有体现局部数据,局部数据其实是和 vue 一样,在自己页面的 data 中返回一个对象,然后在这个对象中定义的属性就是局部数据,没什么好说的所以我这里就没有单独起一个 title 来进行介绍。

最后

大家好我是 BNTang, 一个热爱分享的技术的开发者,如果大家觉得我的文章对你有帮助的话,可以关注我的公众号 JavaBoyL,我会在公众号中分享一些IT技术和一些个人的见解,谢谢大家的支持

posted @   BNTang  阅读(477)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
  1. 1 总会有人离开 王巨星
  2. 2 月亮 孟凡明
  3. 3 迟里乌布
  4. 4 我只能离开 颜人中
  5. 5 达尔文 蔡健雅
  6. 6 夜色滚烫 叶明净
  7. 7 你的星环 路飞文
  8. 8 不再说话 三块木头
  9. 9 黄昏 粥粥和小伙/粥粥
  10. 10 爱不单行 刘大拿
  11. 11 心动贩卖机 PIggy
  12. 12 别来无恙 苏星婕
  13. 13 我们的歌 刘大拿
  14. 14 一直很安静 王贰浪
  15. 15 去有风的地方 清音
  16. 16 雪 Distance Capper/罗言
  17. 17 坏女孩 徐良/小凌
  18. 18 乐园 沧桑Cang333/虎皮蛋/曲甲
  19. 19 Ayo(Explicit) Chris Brown/Tyga
  20. 20 我的美丽feat.海洋Bo 海洋Bo/高睿
  21. 21 世事可爱 粥粥和小伙/粥粥
  22. 22 我记得 赵雷
  23. 23 我想牵着你的手 许嵩
  24. 24 人们都不懂 刘诺然
  25. 25 寻一个你(电视剧《苍兰诀》温情主题曲) TTTTTeehom
  26. 26 子莫格尼 杉和
  27. 27 Cat Cafe Shoffy
  28. 28 风停了雨停了我们还拥抱着 Superluckyqi
  29. 29 寂寞沙洲冷 于潼
  30. 30 三国恋 王巨星
  31. 31 达尔文 林俊杰
  32. 32 有些 颜人中
  33. 33 小模样 张小只ya
  34. 34 是否 程响
  35. 35 楼顶上的小斑鸠 队长
  36. 36 笑场 薛之谦
  37. 37 还是分开 张叶蕾
  38. 38 修炼爱情 林俊杰
  39. 39 二零三 毛不易
  40. 40 雅俗共赏 许嵩
  41. 41 Serendipity 古瑞斯Graps/Zakiya晴子
  42. 42 就让这大雨全都落下·2023 刘大拿
  43. 43 老男孩 筷子兄弟
  44. 44 有何不可 许嵩
  45. 45 缓缓 杜宣达
  46. 46 好久不见 陈奕迅
  47. 47 爱的魔法(Cover 金莎) 封茗囧菌
  48. 48 在你的身边 盛哲
  49. 49 带我去找夜生活 告五人
  50. 50 假面舞会 很美味
  51. 51 STAY The Kid LAROI/Justin Bieber
  52. 52 我好想睡觉的 无敌西红柿
  53. 53 日不落(温柔版)
  54. 54 恋爱画板 锦零
  55. 55 7710 好乐无荒/尹露浠
  56. 56 给你呀(又名:for ya) 蒋小呢
  57. 57 Love Story Taylor Swift
  58. 58 Plain Jane(Remix 13z) 鱼幼微
  59. 59 晚风 7opy/BT07
  60. 60 拜托 孙晨
  61. 61 乌梅子酱 李荣浩
  62. 62 南半球与北海道 范倪Liu
  63. 63 星河万里 Rom邢锐
我只能离开 - 颜人中
00:00 / 00:00
An audio error has occurred, player will skip forward in 2 seconds.

作词 : 余竑龙

作曲 : 余竑龙

编曲 : 余竑龙

制作人 : 余竑龙

那些模糊破旧回忆

故事已归零

已经没有人会在意

视线停留在你倒影

爱不再清晰

不再有意义

我循着你的眼神痕迹

怎么不断提醒

所有那些曾经复杂的旋律

陷在这漩涡之间没办法逃离

忘不掉的

是先离开的

我是没有资格

挽留你的双手

紧紧拥抱着你的冷漠没力气

揭开所有你留的难题

想念你的呼吸

我才失去你给的那些难忘的

一瞬间掉落的泪只想牵着你不放

什么都都没说不能够再重头

我只能离开

我循着你的眼神痕迹

怎么不断提醒

所有那些曾经复杂的旋律

陷在这漩涡之间

没办法逃离

忘不掉的是先离开的

我是没有资格

挽留你的双手

紧紧拥抱着你的冷漠没力气

揭开所有你留的难题

想念你的呼吸

我才失去你给的

那些难忘的

一瞬间掉落的泪只想牵着你不放

什么都都没说

不能够再重头

我才失去你给的

那些难忘的

一瞬间掉落的泪只想牵着你不放

什么都就这样不能再一次重头

我只能离开

吉他:曾威杰

鼓:Andy chen

贝斯:Andrew lu

和声编写:余竑龙

点击右上角即可分享
微信分享提示