抖音(字节跳动)小程序不支持微信小程序中的 observers 的替代方案

今天遇到个需求，需要在组件中对 properties 数据进行监听，如果 properties 数据改变的话，就执行相应的回调函数。

在微信小程序中，我们可以在组件的构造对象中定义 observers 字段对数据进行监听。

Component({
  attached: function() {
    this.setData({
      numberA: 1,
      numberB: 2,
    })
  },
  observers: {
    'numberA, numberB': function(numberA, numberB) {
      // 在 numberA 或者 numberB 被设置时，执行这个函数
      this.setData({
        sum: numberA + numberB
      })
    }
  }
})

 而在抖音小程序中，并没有提供 observers，而是提供了和 observers 类似的特性。

对应的官方文档看这里：Component 构造器

 我们可以在某个 properties 数据的定义对象中定义对应的 observer 回调函数。