微信小程序实现watch属性，监听数据变化的实现过程及应用

在微信小程序中，我们可以使用Observer 对象来实现watch 属性。Observer 对象是一个全局对象 ，可以通过wx.createObserver 函数创建。createObserver 函数接受一个回调函数 作为参数，该回调函数将在被监听的属性值发生变化时 执行。

// 创建一个 Observer 对象
const observer = wx.createObserver({
  fields: {
    // 监听 data 中的属性变化
    'data.message': {
      // 回调函数
      onChange(newVal, oldVal) {
        console.log(`新值：${newVal}，旧值：${oldVal}`)
      },
    },
  },
})

// 绑定 Observer 对象到 Page 实例
observer.observe(this)

在上面的代码中，我们创建了一个Observer 对象，并指定要监听data.message 属性的变化。当data.message 属性的值发生变化时，onChange 回调函数将被执行，并输出新旧值。

除了使用Observer 对象，我们还可以使用computed 属性来实现watch 功能。computed 属性是一个计算属性 ，它依赖于其他data 属性的值来计算自己的值。当依赖的data 属性值发生变化时，computed 属性的值也会随之更新。

// 在 Page 的 data 中定义 computed 属性
computed: {
  reversedMessage() {
    // 返回 data.message 的反转值
    return this.data.message.split('').reverse().join('')
  },
}

在上面的代码中，我们定义了一个名为reversedMessage 的computed 属性，它依赖于data.message 属性。当data.message 属性的值发生变化时，reversedMessage 属性的值也会随之更新。

watch 属性和computed 属性都可以用来检测数据的变化，并做出相应的更改。watch 属性更适合用于监听单个属性 的变化，而computed 属性更适合用于监听多个属性 的变化。

在微信小程序中，我们可以使用Observer 对象或computed 属性来实现watch 功能。这两种方法各有优缺点，开发者可以根据自己的需要选择合适的方法。