Vue watch快速使用

Vue watch快速使用

• 简单监听

    watch: {
       obj(newVal, oldVal) {
          console.log(`新值：${newVal}`);
          console.log(`旧值：${oldVal}`);
      }
  }
  

• 深度监听
  可以监听对象内的属性变化

watch: {
  obj: {
    handler(newVal, oldVal) {
      console.log(`新的值: ${newVal}`);
      console.log(`旧的值: ${oldVal}`);
    },
    immediate:true, // 进入页面就会立即执行
    deep:true
  }
}