1. immediate
immediate的值默认是false,在第一次进入页面页面时,如果没有发生数据变化watch并不会立即监听只有发生数据改变,hander才会有操作,但是如果将immediate设置为true,在第一次进入页面时就会绑定值.
watch: {
a: {
handler(newVal, oldVal) {
console.log(oldVal)
console.log(newVal)
},
immediate: false, // 值为true或false,默认false
deep: false // 值为true或false,默认false
}
},
2.deep
deep就是用来深度监听的,默认值为false.
vue是不能检测到对象属性的添加或删除,我们使用watch监听一个对象时,除非是直接重新给对象赋值,否则是不能监听到对象里的值的变化的,
3.handler
就是watch中用来监听事件变化的当中有两个参数oldVal是用来看修改前的值是多少,newVal是用获取修改后的数值是多少.
点击后可以得到结果: