vue.$set 和 vue.$forceUpdate() 的使用

vue.$set方法

由于javaScript的限制，vue不能检测到对象属性的添加或删除

 

 这样只能新增属性，但是并不会触发视图更新，所以属性必须是在data对象上才能让vue.js转换它，才能让他是响应式的

可以使用this.$set(this.data, "key" , "val") 方法，既可以更新视图又可以新增或删除属性。

 

 

vue.$forceUpdate()：强制更新

vue页面中通过v-for进行数据渲染，如果层次太多，有时候数据发生改变但是页面看到的效果是毫无变化的，render函数没有自动更新，可以通过this.$forceUpdate()手动刷新，但是它的性能消耗高。

它仅仅影响实例本身以及插入插槽内的子组件，并不是所有的子组件