- watch
监听数据的变化,从而实现相应的业务逻辑
主要应用场景是监听数据的变化处理副作用。
与处理数据无关的的操作都算副作用,如 日志处理、异步请求、本地存储操作等。
- 只监听单个属性值的变化:
watch:{ 'obj.a'(newValue,oldValue){ console.log(newValue,oldValue)//newValue:a属性更改后的值 oldValue:a属性原值 } , }
- 如果要监听一个对象,则需要额外加一个属性:深度监听 deep: true,
watch:{ 'obj':{ handler(){ console.log(newValue,oldValue) } deep: true, } ,
- 有时候希望一进入页面(在挂载阶段) 就自动默认执行一遍监听 这就需要属性:立即执行 immediate: true
watch:{ 'obj':{ handler(){ console.log(newValue,oldValue) } deep: true,
immediate: true, // 立即调用 } ,
标签:Vue,watch,Day2,newValue,oldValue,true,监听,属性 From: https://www.cnblogs.com/qqwx/p/17027449.html