Vue前端面试题总结（三十八）Vue数组中的某个对象的属性发生变化，视图不更新如何解决 详解

本文主要是介绍Vue前端面试题总结（三十八）Vue数组中的某个对象的属性发生变化，视图不更新如何解决 详解，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

Vue数组中的某个对象的属性发生变化，视图不更新

产生原因 ：vue实现响应式渲染更新原理，在于监听data里的数据，但针对于对象、数组这类结构较深的数据无法完全监测

第一种解决方式 Vue.set(value,object,key)
例如：

Vue.set(vm.obj,'k1','val')

第二种解决方案 this.$set(object,key,value)

	this.$set(this.obj,'k1','v1')

第三种解决方案 利用 Object.assgin( , this.object)创建对象

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

这篇关于Vue前端面试题总结（三十八）Vue数组中的某个对象的属性发生变化，视图不更新如何解决 详解的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---