vue watch监听触发时机

Vue.js中的`watch`属性用于监听数据的变化，并在变化发生时执行回调函数。`watch`主要有两个设置：

1. **immediate**：默认值为`false`，表示只有当数据第一次改变时才会立即执行回调。如果设为`true`，则在创建实例时就会立即执行一次。

2. **deep**：默认值为`false`，表示浅比较。如果你希望在对象深层结构发生变化时也触发回调，可以将其设为`true`，这将启用深层次的依赖检测。

当你设置了一个`watch`选项，Vue会在以下几个场景下自动触发回调：
- 当对应的响应式属性被访问时。
- 对象被修改时（如数组的push、pop等操作）。
- 当设置为`deep: true`时，还会有对嵌套对象或数组深度修改的监控。

例如：

data() {
  return {
    count: 0,
  }
},
watch: {
  count(newCount) {
    console.log('count更新了', newCount);
  },
  deep: true,
}

在这个例子中，每当`count`属性更改，无论它是原始值还是深拷贝的改变，都会触发回调。