利用setPageData分类缓存页面数据-微信小程序

data 是微信小程序页面第一次渲染使用的初始数据。如果页面数据过多，很是不方便查看、调试，在命名上也是存在冲突问题等。

那么，我想在调试器AppData有如下展示：

 代码实现：

/**
 * 设置页面Data数据
 */
$setPageData：function (obj = {}, name = "") {
  let that = this;
  if (name === "") name = 'paged';
  let keys = Object.keys(obj);
  keys.forEach(function (item, index) {
    that.setData({
      [`${name}.${item}`]: obj[item]
    });
  });
};

 方法调用：

/**
 * 生命周期函数--监听页面加载
 */
onLoad: async function (options) {
  let that = this;
  if (options.params != null) {
    that.params = JSON.parse(options.params);
  } else {
    that.params = {}
  }
  that.$setPageData({
    params: that.params,
  }, "paged");
  // 获取系统数据
  that.$setPageData({
    info: app.systemInfo,
  }, "system");
};

 实现效果：

 第一次发文，望批评指正！