Vue 中 watch监听器的使用

0. 含义：

• 在Vue.js中，watch是一个选项，用于监听数据的变化并执行相应的操作。watch提供了一种在数据变化时执行异步或开销较大的操作的机制，以及对一些复杂的数据变化情况做出响应。

1. 简单写法

data: {
  name: '静静',
  obj: {
    hobby: '花花'
  }
},
watch: {
  // 该方法会在数据变化时调用执行
  // newValue新值, oldValue老值（一般不用）
  // 形式一：
  数据属性名(newValue, oldValue) {
    // 一些业务逻辑 或 异步操作。
    console.log('改变', newValue)
  }
  // 形式二：
  '对象.属性名'(newValue, oldValue) {
    // 一些业务逻辑 或异步操作。
    console.log('改变了', newValue)
  }
}

2. 完整写法

data: {
  obj: {
    name: '静静',
    gender: '公'
  },
},
watch: {// watch完整写法
  数据属性名: {
    deep: true,//深度监视
    immediate: true,//是否立刻执行一次handler
    handler(newValue) {
      console.log(newValue)
    }
  }
}

3. 案例：参考上面说明即可（暂无）。