Vue.js 新添加的数组对象的工作原理相同

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

问题是：对象是通过引用复制的。欲了解更多信息：

更新的小提琴链接：

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