父组件更新，子组件未更新

囧~~~

问题：

项目中，渲染的数据为对象数组arr = [ obj, obj, obj ... ]，业务需要要给某个对象obj增加一个属性key；

arr.forEach(obj => {
    obj.key = '囧';
}

但是当在父组件中修改这个属性后，子组件并没有随着更新。

原因：

没有通过$set方法增加，或者在渲染之后才增加该属性，导致该属性并不会被vue监听到。

解决方法：

在父组件渲染之前，通过this.$set()方法，给要渲染的数据对象增加属性，保证被vue拦截加了getter和setter。

正确写法如下

arr.forEach(obj => {
    this.$set(obj, 'key', '囧');
}