Vue 对象和数据的强制更新方式

对象和数据的强制更新

数组更新

以下支持自动更新

    push() //向后添加
    pop() //删除最后一个
    shift() //删除第一个
    unshift() //向第一个添加元素
    splice() //向指定位置添加/删除元素
    sort() //用原地算法对数组的元素进行排序
    reverse() //将数组中元素的位置颠倒

注意，这种形式修改数据 this.arr[1] = ‘x’ // 不是响应性的，这种情况，可以采用splice方法修改数据即可实现更新

强制更新

this.$set(数组，下标，修改后的值)
1
    
eg:this.$set(this.dataArr,1,{})

对象更新

Vue 不能检测对象属性的添加或删除：

强制更新
1
    
this.$set(this.obj, ‘age', 27)

参考链接

更新数据并强制更新视图

在开发过程中，有时发现当数据变动后，视图并未更新。那么下面是一些常见示例的和解决办法

对象类型

当对象为引用类型，vue不一定能监控到 所以当我们新建一个对象并赋值给oldObj字段的话，直接改变了它的指向地址=====》对象和数组都能用的方法：
1
2
3
    
this.$set(this,'oldArray',newArray);
this.$set(this,'oldObj',newObj);
this.$set(this.some.n