● 作用：当被监视的属性变化时, 回调函数（handler）自动调用
例：

javascript">watch:{isHot:{handler(newValue,oldValue){ /*********/},immediate: true,deep:true,}
}

注意点：
● 被监视的可以是：属性（data），也可以是计算属性（computed）。
● 监视的属性必须存在，才能进行监视，若监视了不存在的属性，也不会报错！

立即监视

1. 作用：让Vue初次渲染时，数据还没有发生变化，就调用一下监视的回调函数（handler）
2. 具体配置：immediate:true

深度监视

1. Vue给我们提供的watch配置，默认不监测对象内部属性的改变。
2. 配置deep:true可以监测对象内部属性的改变。

监听对象的部分属性

javascript">new Vue({el: '#app',data: {user: {firstName: 'John',lastName: 'Doe'}},watch: {'user.firstName': {handler: function(newVal, oldVal) {console.log('First name changed:', newVal);}}}
});

简写

javascript">watch:{isHot(){/*********/}
}