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

风晓 2023-12-29 10:28:21  51270 赞同 0 反对 0

分类：资源

了解完了全局样式和局部样式之后，这篇文章我再来给大家介绍一下 UniApp 中全局数据和局部数据

搭建演示环境

创建一个全新的项目：

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

官方介绍：

小程序有 globalData，这是一种简单的全局变量机制。这套机制在uni-app里也可以使用，并且全端通用

当然vue框架的全局变量，另有其他方式定义

globalData: {  
    name: 'BNTang',
    age: 18
}

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

首页

onLoad() {
	console.log("全局数据: ", JSON.stringify(getApp().globalData));
}

Web端

微信小程序

使用全局数据，只需要在 App.vue 当中通过 globalData 来保存数据

然后在其他页面当中通过 getApp().globalData 来获取保存的全局数据

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

如果您发现该资源为电子书等存在侵权的资源或对该资源描述不正确等，可点击“私信”按钮向作者进行反馈；如作者无回复可进行平台仲裁，我们会在第一时间进行处理！

评价 0 条