当我们在使用vue是最喜欢的莫过于vue的双向数据绑定,但是有一些属性也可以是我们开发的更方便,其中被我们忽视的一个属性watch侦听器.我们在开发的过程中,对于动态网页而言,大部分的数值都是在不断变化的,如果我们需要侦听某些数值的变化,Vue 提供了一种更通用的方式来观察和响应 Vue 实例上的数据变动 侦听器watch
侦听器的语法是 watch: {}
所有需要侦听的属性都放在watch里面 注意它不是一个函数,不能写().
watch:{
arr:{
deep:true,
handler(newV,oldV){
console.log('newV',newV);//表示更新之后的arr
console.log('oldV',oldV);//表示更新之前的arr
},
immediate:ture
}
}
watch属性中,我们看到形式依然是一个键值对的方式,但是值中我们包了一个大括号,并且除了处理函数外,还加了一句deep:true,这句就是深度侦听的标志。
深度侦听中还有一个属性,immediate 表示第一次加载时就会侦听