如何监听Vue中对象内部属性的变化？

本文共计240个文字，预计阅读时间需要1分钟。

Vue 可以通过 watch 监听 data 内数据的变动。基本写法是：

javascriptdata: { a: 100},watch: { a(newVal, oldVal) { // 做点什么 console.log(newVal, oldVal); }}

Vue 监听整个对象，例如：

javascriptdeep: true,data: { ret}

vue可以通过watch监听data内数据的变化。通常写法是：

data: { a: 100 }, watch: { a(newval, oldVal) { // 做点什么。。。 console.log(newval, oldVal) } }

vue监听整个对象，如下：

•deep: true 深度监测

data: { return { msg: { name: 'hahah', color: 'red' } } } watch: { msg: { handler(newValue, oldValue) { // 做点什么。。。