今天在掘金上浏览时看到的,觉得很有必要记录一下 原文地址
我大概总结一下:
1.常规的开发中监听数据变化我们会直接使用watch:{属性名(newValue,oldValue){}},实际上该函数可以分为handler()函数和参数配置,例如
inputValue:{
handler(newValue,oldValue){
this.logInfo="新的值为:"+newValue
},
immediate:true
}
2.配置项immediate,默认为false。设置之后在数据绑定时就会执行handler函数,而不是在数据改变后才执行
3.配置项deep,默认为false。当对对象进行数据监听时,并不会监听对象内部属性的变化,即属性变化不会触发对象的监听。添加该参数后会对对象以及对象属性进行遍历,当属性变化时,对象的监听函数就会起作用
4.对于组件选项外定义的监听函数,需要手动调用unWatch()函数进行注销