vue之不更新数据或者不渲染,你了解吗?

数组更新检测

数组的变异方法,指的是让原始数组产生变化的方法。因为原始数组有了变化,所以才会触发DOM更新。

这些方法有:push(),pop(),shift(),unshift(),splice(),sort(),reverse()

数组的不会触发DOM更新的方法:filter(),concat(),slice()

为了解决这类问题,以下方法可用:

Vue.set(arr1,indexOfItem,newValue)
arr1.splice(indexOfItem,1,newValue)
arr1.splice(length)

对象更改检测 

 性的添加和删除,解决方法有:

Vue.set(vm.message,'text2','word')

//Object.assign()  深拷贝方法不止这一种
this.message=Object.assign({},this.message,{
    text2:'word',
    text3:'!'
})

猜你喜欢

转载自blog.csdn.net/lbPro0412/article/details/82119505