vue 之 数据响应式

vue 之 数据响应式

之前在使用vue开发的时候，遇到了个问题，真是艰难的爬坑，嗨，还加了个班才完成当天的任务，so，此问题记忆犹新。
事情是这样的，我就正常的给对象赋值，然后页面就是死活不更新，用this.$ forceUpdate()强制刷新或者this.$set都不行，写的我怀疑人生。经过我仔细查看，原来此时对象里的这个数组已经失去了响应式特性，所以无论我做什么，视图都不会更新。
开始，我代码是这样子的

this.data = {
	id: row.id,
	name: row.name
}
this.data.arr = [] // 此时我只想把data里这个arr初始化清空一下

然后给arr塞值的时候，视图就是一动不动，后来，经过一番查找，我改成了这样

this.data = {
	id: row.id,
	name: row.name,
	arr: []
}

就好了。。。。
分析一下原因，是因为vue对象不能通过简单的 = 添加属性并赋值==（当vue的data里边声明或者已经赋值过的对象或者数组（数组里边的值是对象）时，向对象中添加新的属性，如果更新此属性的值，是不会更新视图的）==，此时不具有响应式，但令我很疑惑的是，我使用$set也没有用。。。未解之谜