vue监听对象及对象属性问题
监听整个对象,使用watch就行
exportdefault{ data(){ return{ a:{ b:1, c:2 } } }, watch(){ a:{ handler(newVal,oldVal){ console.log('监听a整个对象的变化'); }, deep:true } } }
监听对象中具体属性的变化,需要使用watch配合computed
exportdefault{ data(){ return{ a:{ b:1, c:2 } } }, watch(){ bChange(){ console.log('监听a对象中b属性的变化'); } }, computed:{ bChange(){ returnthis.a.b; } } }