vue 中 修改数据 更新视图

Vue.set( target, key, value )

• 参数：

  • {Object | Array} target
  • {string | number} key
  • {any} value

• 返回值：设置的值。

• 用法：

  向响应式对象中添加一个属性，并确保这个新属性同样是响应式的，且触发视图更新。它必须用于向响应式对象上添加新属性，因为 Vue 无法探测普通的新增属性 (比如 this.myObject.newProperty = 'hi')

  注意对象不能是 Vue 实例，或者 Vue 实例的根数据对象。

项目中 遇到 最多的就是  

数组对象中 修改某个属性值  视图 更新

一般 我是这样子 操作的

_this.$set(_this.commentData[index],'likeNum',_this.commentData[index].likeNum-1);

不过 有时候  _this.$set(_this.commentData[index],'likeNum',_this.commentData[index].likeNum-1); 这个 也不能解决问题 

那我们 需要使用 在后面不上一段代码   如下

  _this.$forceUpdate();