vue中数据改变，强制视图更新，视图不更新的原因和解决办法

一、更改 obj

原理：对象是引用类型，vue不一定能监控到 所以当我们新建一个对象并赋值给oldObj字段的话，直接改变了它的指向地址

oldObj = Object.assign({},newObj);

对象和数组都能用的

this.$set(this,'oldArray',newArray);
this.$set(this,'oldObj',newObj);
this.$set(this.some.name,‘b’,2)　

二、array

这些不会改变原始数组，但总是返回一个新数组。当使用非变异方法时，可以用新数组替换旧数组。

push()，pop()，shift()，unshift()，splice()，sort()，reverse()可被vue检测到 ，filter(), concat(), slice() 。

vue不能检测以下变动的数组：

① 当你利用索引直接设置一个项时，vm.items[indexOfItem] = newValue

② 当你修改数组的长度时，例如： vm.items.length = newLength

三、使用update

this.$forceUpdate()，强制视图更新 

vue多层循环，动态改变数据后渲染的很慢或者不渲染。

四、异步更新队列

解决办法：可在数据变化之后立即使用 Vue.nextTick(callback) 。这样回调函数在 DOM 更新完成后就会调用。