22.app.js的全局数据共享

已于 2023-10-04 15:51:22 修改
阅读量262 收藏 1
点赞数
分类专栏： 微信小程序开发 文章标签： javascript 前端 开发语言
于 2023-10-04 09:23:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/potato123232/article/details/133543916
版权

app.js中定义的全局变量适合 不修改且仅在js中使用的变量

相较于mobx-miniprogram，app.js中的数据要更稳定一些，我之前将base_url放在mobx-miniprogram发现总会有undefined，但将base_url放在app.js中发现就没有这个问题了

目录

1  全局变量

2  修改全局变量

3  app.js中的变量不能直接在wxml中渲染

4  全局方法

1  全局变量

比如我现在想定义一个全局的变量something，直接在APP中写就行了

之后你可以在任何一个页面中，通过getApp()获取App实例，然后使用实例中的一些属性

2  修改全局变量

比如我现在想将全局变量改为456，直接给实例中的属性赋值就行了

不像mobx-miniprogram的改动只能用自己的函数来改，app.js的改动在任何的地方都能改且没有改动的限制，所以一般不要修改app.js中的全局变量

3  app.js中的变量不能直接在wxml中渲染

直接用就是空的

如果你想使用就需要在页面本身的data中转存一下

用App.something也渲染不出来

4  全局方法

通过getApp()获取App实例，然后直接用就行了

Suyuoa
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
Amx:Amx，web全局状态管理
05-14
全局状态管理 Amx.js Amx.js是一个用纯JavaScript编写的全局状态管理，主要为解决页面或组件之间的数据共享。 支持Amx技术： Storage - 浏览器提供的Storage关系型数据存储。 addEventListener - 监听器 Vue - 本地存储全局变量与vue的数据绑定相结合 github : 1.2.1版本可以与Android和ios配合使用，app直接改变key对应的值就可以动态的改变web端的页面 具体使用请与app端协商 用法 安装npm i vue-amx 因为加载顺序原因 引入 vue-amx 不能在main.js中，请在App.vue中引入 // 在vue App.vue引入vue-amx import vueAmx from 'vue-amx' import Vue from 'vue' // 写入数据
微信小程序如何使用globalData的方法
12-10
微信小程序在JavaScript文件中声明的变量和函数只在该文件中有效；不同的文件中可以声明相同名字的变量和函数，不会互相影响。如果希望在各个页面之间共同使用某些信息，并且可以对共享数据进行修改设置，以便于其他页面根据数据变化进行对应的调整，最好使用全局数据globalData。 globalData在app.js文件中app()全局应用实例中： // app.js App({ globalData: 1 }) 由于它具有共享属性，对于它的设置和修改，需要分两方面来说明。 第一，在app.js文件中，怎样设置和修改。设置其实跟在其他js文件中设置data值是一样的： //app.js
使用watch在微信小程序中实现全局状态共享
12-10
问题 在之前开发微信小程序的时候，获取用户信息、openid还有地理位置这些信息的时候，都是采用Promise的方式异步获取，但是这样的话在页面和App.js中都获取就可能造成请求重复的问题。 比如为了在每个页面都能获取到这些共享信息，都会选择在App.js中进行获取，然后在页面级进行获取，这两次获取的时间间隔较小时就可能导致前一个请求还未获取到数据，后一个请求就会再次进行获取，这样就产生了两次请求。 还有一个问题就是书写麻烦(虽然也能通过async await简化)，比如 onLoad() { app.getUserInfo() .then(userInfo => { }).
imagehost:使用 redis 的 node.js 图像主机
06-10
图像主机 node.js 图像主机 演示（有时）：imagehost.colordeaf.net 用法 请求：发布图像数据 响应：json 详细信息/重定向 npm 笔记 npm install -g 永远（全局安装forever喜欢 /usr/local/bin/forever） npm update（在应用程序目录中，更新此项目中使用的库） npm update -g（用于全局更新） 永远 永远启动 app.js 永远的名单 永远停止 apache（与其他应用程序共享：80） a2enmod 代理（启用 apache 代理 mod） a2enmod proxy_http（启用特定于 http 的 apache 代理 mod） /etc/apache2/sites-available/imagehost.colordeaf.net <VirtualHost 74.207.
mpstore:类VuexRedux原生小程序状态管理框架
05-03
原生小程序状态框架 mpstore 简介 小程序工程越来越复杂，数据共享和通信成为开发的一大难题，像Mpvue, Taro, Uni-App等虽然可以使用Vuex/Redux管理状态，但是对于小程序项目是侵入式的，必须要将整个项目接入框架，使用Vue/React语言进行开发。但其实如果我们只想开发微信小程序，完全不需要这些框架。原生小程序无论是开发体验和运行时性能都是要优于框架的。 然鹅，原生小程序只提供了getInstance().globalData用于全局数据管理，比较鸡肋。而有了mpstore，即可一行代码接入，享受类Vuex/Redux的开发体验啦，妈妈再也不用担心我的状态管理~ 特性 原生小程序全局状态管理 对小程序无侵入，一行代码接入，无需脚手架、Webpack监听编译等额外操作 类VueX/Redux API，Vue/React开发者直接上手 响应式视图，修改状态无需手动s
微信小程序全局变量的两种方式
weixin_41012767的博客
12-16 6786
一、app.js里面定义全局变量 //app.js App({ //全局变量 globalData:{ userName:"小红", userPhone:"10086" }, }) 使用方法 //xxx.js //获取app变量 var app = getApp() Page({ var userName = app.globalData.userName; var userPhone = app.globalData.userPhone; cons
微信小程序----全局变量
热门推荐
止于至善
04-12 5万+
方法二：用引入js的方法定义全局变量 实例：我在公用文件夹src下的js文件夹中创建的三个保存全局变量的文件：base64.js、config.js、data.js 这三个文件作用：示例代码： 使用方法： 方法三：使用全局状态管理库 微信小程序 ---- 全局状态管理 (便于全局埋点等操作)微信小程序 ---- redux 在原生微信小程序的使用实例我的博客，欢迎交流！我的CSDN博客，欢迎交流！微信小程序专栏前端笔记专栏微信小程序实现部分高德地图功能的DEMO下载微信小...
VueJS 之组件间的数据共享
两个月亮
02-01 756
组件实例的作用域是孤立的。也就是说，子组件的是无法直接获取到父组件中的数据的。VueJS 为组件开发提供了 props，通过 props ，父组件中的数据将能够传递给子组件，而子组件则需要提前对 props 进行声明以便接收父组件传递过来的数据。 在对通用组件进行封装时，合理地使用 props 能够提升组件的复用性。 我们可以在使用组件时，通过使用在子组件中使用 props 定义的属性来向子组件传递数据。 细节 驼峰式命名 排斥现象 HTML 是 不区分大小写的。如果在一个 HTML 元素中存在多个同名属
微信小程序：全局状态管理mobx-miniprogram、mobx-miniprogram-bindings
彭世瑜的博客
10-20 7778
安装 npm install --save mobx-miniprogram mobx-miniprogram-bindings 定义 store.js /** * 全局状态管理 */ import { observable, action } from 'mobx-miniprogram'; export const store = observable({ // 数据字段 numA: 1, numB: 2, // 计算属性 get sum() { return th
小程序全局变量的使用以及修改
weixin_44704360的博客
01-17 2000
1. 全局变量的设置 在miniprogram > app.js 文件中设置，globalData对象就是存储全局变量的。 App({ globalData: { hasLogin: false, openid: null }, onLaunch: function () { } }) 2.全局变量的使用 在app.js文件中，直接使用，如： this.globalData.hasLogin 在其他非app.js文件中使用，需要先申明app变量，如： var app = getApp() app.g
app.js和页面.js 实现全局传参
最新发布
qq_44821064的博客
08-25 346
全局传参
在app.js使用全局变量
陈皮球的博客
04-03 2025
在app.js使用全局变量 // 在app.js文件中 this.globalData = { identity: 2, } // 在需要使用全局变量的页面的js文件中 const app = getApp() ******** data: { identity: app.globalData.identity, }, ******* /** * 生命周期函数--监听页面加...
JS交互逻辑——获取页面数据{{}}和全局数据const app = getApp()
weixin_44867717的博客
10-14 4415
JS交互逻辑 在小程序里边，我们就通过编写 JS 脚本文件来处理用户的操作 app.js中最外层需要App({}) ，该函数是微信平台提供的api App({ // 全局数据，可以在所有的子页面中使用 mydata: { n: 100 } }) // 页面获取全局数据的方式,app表示小程序的实例对象 const app = getApp() page.js中最外层需要Page({})，该函数是微信平台提供的api Page({ // 页面数据，用于提供给页面的模板
微信小程序app.js中的数据实现全局共享
王二的博客
03-29 650
微信小程序app.js中的数据实现全局共享。
JavaScript原型数据共享与方法共享探究
流楚丶格念的博客
04-19 4121
文章目录数据共享什么样子的数据是需要写在原型中?数据共享案例原型简单写法原型方法共享 数据共享 什么样子的数据是需要写在原型中? 需要共享的数据就可以写原型中 原型的作用之一：数据共享 属性需要共享,方法也需要共享： 不需要共享的数据写在构造函数中 需要共享的数据写在原型中 下面我们看一个案例 数据共享案例 每个学生的名字，年龄，性别都是独特的，我们要设置 所有学生的身高都是188,所有人的体重都是55 所有学生都要每天写500行代码 所有学生每天都要吃一个10斤的西瓜 就可以把共有数据写到原型中 &
微信小程序在app.js里面设置全局变量供其他页面使用
信徒博客
05-25 1万+
我的qq 2038373094 我做的是微信小程序、网站、手机app，后端java+前端vue、bootstrap框架、原生的html+css+js都会 做过律师在线咨询系统、共享农场手机app、在线心理咨询系统 第一步、在app.js里面 找到globalData，在这个全局变量里面设置一个变量url，给它赋值 其他页面怎么引用这个全局变量呢？ getApp()...
请教：app.js 全局变量赋值失败（图）
yibei8848的博客
09-10 1034
赋值不成功，请问哪里出错了？
微信小程序毕设遇到的坑1：app.js中全局变量定义
weixin_45519185的博客
03-13 1089
app.js中全局变量的定义
微信小程序开发(五) - 全局(app.js)逻辑 - js 文件
lendq的Blog
03-07 1万+
微信小程序中使用的逻辑文件 ,本质上还是.js 文件,脚本中的很多东西进行了二次封装,本质上可以在外部调试中,查看 逻辑层(App Service) 小程序开发框架的逻辑层由 JavaScript 编写。 逻辑层将数据进行处理后发送给视图层，同时接受视图层的事件反馈。 与 原生 JavaScript 不同的是 : 增加 App和 Page 方法，进行程序和页面的注册。 增加 g...
小程序 app.js 调用 global
08-08
小程序的 app.js 是整个小程序的入口文件，其中可以定义全局的数据和方法，以便在各个页面中共享和调用。 首先，在 app.js 中可以使用 globalData 对象来定义全局数据，该数据可以在整个小程序的页面中共享和访问。例如，我们可以在 app.js 中定义一个全局的变量： ```javascript App({ globalData: { userInfo: null } }) ``` 上述代码定义了一个全局变量 userInfo，并初始化为 null。在各个页面的 js 文件中，可以通过 getApp() 方法获取 app 实例，从而可以访问这个全局的变量： ```javascript var app = getApp(); console.log(app.globalData.userInfo); ``` 通过这样的方式，我们可以在小程序的各个页面中共享全局的数据。 除了全局数据，我们还可以在 app.js 中定义全局的方法，供各个页面使用。例如，我们可以定义一个全局的方法 getUserInfo，来获取用户的信息： ```javascript App({ getUserInfo: function() { // 在这里编写获取用户信息的逻辑 } }) ``` 在页面的 js 文件中，同样可以通过 getApp() 方法获取 app 实例，从而可以调用这个全局方法： ```javascript var app = getApp(); app.getUserInfo(); ``` 通过这种方式，我们可以在整个小程序中共享和调用全局的方法。 总结起来，小程序的 app.js 可以使用 globalData 对象来定义全局数据，在各个页面中可以通过 getApp() 方法获取 app 实例来访问和修改这些全局数据。同时，也可以在 app.js 中定义全局方法，在页面中通过 getApp() 方法获取 app 实例来调用这些全局方法。这样就实现了小程序的全局数据和方法的调用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Suyuoa

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值