vue watch监听中 immediate, deep, hander的作用

1. immediate

 immediate的值默认是false,在第一次进入页面页面时,如果没有发生数据变化watch并不会立即监听只有发生数据改变,hander才会有操作,但是如果将immediate设置为true,在第一次进入页面时就会绑定值.

 watch: {a: {handler(newVal, oldVal) {console.log(oldVal)console.log(newVal)},immediate: false, // 值为true或false，默认falsedeep: false // 值为true或false，默认false}},

2.deep

deep就是用来深度监听的,默认值为false.

vue是不能检测到对象属性的添加或删除，我们使用watch监听一个对象时，除非是直接重新给对象赋值，否则是不能监听到对象里的值的变化的,

3.handler

就是watch中用来监听事件变化的当中有两个参数oldVal是用来看修改前的值是多少,newVal是用获取修改后的数值是多少.

 点击后可以得到结果:

vue watch监听中 immediate, deep, hander的作用

1. immediate

 immediate的值默认是false,在第一次进入页面页面时,如果没有发生数据变化watch并不会立即监听只有发生数据改变,hander才会有操作,但是如果将immediate设置为true,在第一次进入页面时就会绑定值.

 watch: {a: {handler(newVal, oldVal) {console.log(oldVal)console.log(newVal)},immediate: false, // 值为true或false，默认falsedeep: false // 值为true或false，默认false}},

2.deep

deep就是用来深度监听的,默认值为false.

vue是不能检测到对象属性的添加或删除，我们使用watch监听一个对象时，除非是直接重新给对象赋值，否则是不能监听到对象里的值的变化的,

3.handler

就是watch中用来监听事件变化的当中有两个参数oldVal是用来看修改前的值是多少,newVal是用获取修改后的数值是多少.

 点击后可以得到结果: