Vue列表值改变，刷新问题

在使用vue做动态绑定时，发现list列表中存储的对象里的属性改变后，页面不会动态更新。

为啥会这样是因为：
根据官方文档定义：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。

// 解决方法一：注意要引入Vue

this.$set(this.addFormData, 'projectCode', ob.code)
this.$set(this.tableData, index, item)

//解决办法二;不推荐因为消耗性能

this.userInfo['sex']='男';
this.$forceUpdate()

对于深结构数据，比如，修改数组的长度为0 arr.length=0; 给对象添加新的属性 obj.newAttrbute=‘value’;等等。这样写是没有效果的，页面上的数据并不会同步更新，因为没有按照vue的规范去写，对于深层数据，需要使用$set方法，手动给数据绑定get set方法，实现数据的。

当我们不想使用set方法，直接给对象添加属性或者修改数组的长度就可以使用$forceUpdate方法，实现强制更新，迫使vue实例重新渲染，它仅仅是影响实例本身和插在插槽内容的子组件，而不是所有的子组件。