admin 管理员组

文章数量: 887016

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的作用

版权声明：本文标题：vue watch监听中 immediate, deep, hander的作用 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.freenas.com.cn/jishu/1686538450h7561.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。