跳至主要內容

全局属性

刘春龙原创...小于 1 分钟WEB前端小程序教程文档

整个小程序只有一个 App 实例,是全部页面共享的。开发者可以通过 getApp 方法获取到全局唯一的 App 实例,获取 App 上的数据或调用开发者注册在 App 上的函数。

在 app.js 文件中增加全局属性

// app.js
App({
  globalData: {
    userInfo: "我是全局属性",
  },
});

我们在 news.js 文件中读取全局属性

const appInstance = getApp();
Page({
  onLoad(options) {
    console.log(appInstance.globalData.userInfo); // 我是全局属性
  },
});

当然,我们也可以在页面中显示,首先修改news.js文件

Page({
  data: {
    message: "",
  },
  onLoad(options) {
    const appInstance = getApp();
    // 关于this.setData({}),后续会详细讲解,目前我们知道可以给message赋值即可
    this.setData({
      message: appInstance.globalData.userInfo,
    });
  },
});

修改news.wxml文件显示内容

<text>{{ message }}</text>
上次编辑于:
贡献者: 刘春龙
评论
  • 按正序
  • 按倒序
  • 按热度
Powered by Waline v2.15.7