Vue 不能动态添加根级别的响应式属性 的解决办法

对于已经创建的实例，Vue 不能动态添加根级别的响应式属性。但是有时我们项目中一开始的对象的属性不确定，你可能需要为已有对象赋予多个新属性，比如 动态给addForm添加动态属性并实现响应式效果

data(){

return {

addForm:{},

}

}

 

可使用 Object.assign() 或 _.extend()。在这种情况下，你应该用两个对象的属性创建一个新的对象。所以，如果你想添加新的响应式属性，

你应该这样做：

this.addForm = Object.assign({}, this.addForm,{age：28，color:'red',sex:'man'});

 

具体可参考官网说明https://cn.vuejs.org/v2/guide/list.html