初识watch监听

watch监听

1. 接受两个参数(newVal, oldVal);
2. 属性含有deep属性(Boolean): 可以监听对象内部属性的变化,像people:{name: ‘edward’,age: 18}中的age的变化
3. 属性含有immediate属性(Boolean): 当值第一次绑定的时候触发监听

监听值

watch: {
  werks(newV, oldV) {
    if (newV !== oldV) {
      this.getRoot();
  }
  }
}

监听对象

// 监听对象
watch: {
  peopel: {
    handler(newVal, oldVal) {
		....
	},
	deep: true, // 深度监听,任意property改变都会被调用
	immediate: true // 从监听开始就立即执行
  }
}
// 监听对象内部属性
"people.age":{ 
	handler(newVal, oldVal) {
	...
	}
}

ps: 若有问题感谢指正
参考原文链接