一、有时候我们需要监听某些数据的变化来执行相对应的操作,那么我这期记录的是vue中的watch,它可以帮助我们在开发中达到自己想要的目的。
watch:{
totalNum:{
handler: function(newValue,oldValue){
console.log('jiu',oldValue)
console.log('xin',newValue)
},
deep: true,
immediate:true,
}
},
上面监听一个属性totalNum,watch有其他写法的,但是我这里用的是handler函数方法的写法,函数方法有两个参数,一个是新的值newValue,一个是旧的值oldvalue,当我们的数据发生变化时就会触发这个方法了。其中我们发现下面有一个deep属性,这个是针对数据源比较深的数据,比如对象或者数组的多层嵌套,加上这个属性可以监听到深层数据的变化。还有一个immediate属性,顾名思义,立即的意思,加了这个属性会立马执行一次这个监听函数方法,如果不加的话只能等数据变化后才会触发监听函数。你get到了么