vuejs的data增加多级key后不会触发更新

Question

data: {
    test: {},
},

如果我想在test中新增一个test2

data: {
    test: {
        test2:'XXX',
    },
},

• this.test['test2'] = 'XXX';

• this.$set('test.test2','XXX');

这两种方式都不会触发更新，正确的方式是什么样的呢？

Answer 1

可以改啊。。this.test.test2 = 'xx'就可以，你是不是vue版本太低？

Answer 2

??? 都行吧！如範例

Answer 3

简单来说, 就是你要想监控某个数据的变化, 就必须在data里声明, 如果data里没声明, 就必须要用set告诉vue, 我要监控这个了

Answer 4

this.test.$set('test2', 'xxx');

在data中注册过的字段就可以用$set方法更新了