vue修改数据页面不更新的原因和解决方案

原因：因为vue的检查机制在进行视图更新时无法监测 数组中的某个对象的属性值的变化。(数据是引用数据类型，数据上没有get set方法)

方案一：利用 this.set(this.obj,key,val)

              例子：this.set(this.obj,‘k1’,‘v1’)

              解析：第一个参数目标对象，第二个参数要修改数据下标，第三个参数修改后的新值。

方案二：也可以使用$nextTick()这个方法

        具体可以参考这个地址 https://blog.csdn.net/Frazier1995/article/details/116275079

方案三：就利用 Object.assign（this.obj)创建新对象 （对象合并）

        如果是数组就 Object.assign([]，this.obj)

        如果是对象就 Object.assign({}，this.obj)