新添加的数组对象的作用相同

Question

请帮助。我有这个code。我觉得v-for缓存（或错误地使用它）了我的数据数组。新添加的对象（带有“添加”按钮）的编辑方式相同。尝试添加一些行并放置一些文本或更改复选框，您将看到。

Answer 1

// Update this fn to: 
addMessenger() {
            this.data.profile.vsAppMessengers.push({...this.data.profile.messengerTemplate}); 
},

问题是：通过引用复制对象。要阅读更多信息：https://codeburst.io/explaining-value-vs-reference-in-javascript-647a975e12a0

更新的小提琴链接：https://jsfiddle.net/shivampesitbng/6hoL0jts/2/