您可以为此使用深度监视程序:
watch: { item: { handler(val){ // do stuff }, deep: true }}现在,它将检测对
item数组中对象的任何更改以及对数组本身的添加(与Vue.set一起使用时)。
编辑
如果您不想监视顶级对象的每项更改,而只想使用一种不太尴尬的语法直接监视嵌套对象,则只需观察一下
computed:
var vm = new Vue({ el: '#app', computed: { foo() { return this.item.foo; } }, watch: { foo() { console.log('Foo Changed!'); } }, data: { item: { foo: 'foo' } }})


