Vue.js对象/数组变化检测总结

可以被检测的操作：

• 直接替换一个新的对象/数组

const another = {x: 3, y: 4}
this.root1 = another

• 对象直接修改属性值

this.root3.a = 5

• 用数组的push/pop/shift/unshift/splice/sort/reverse方法

不能被检测的操作：

• 对象直接添加/删除属性。变通操作：

this.root3 = Object.assign({}, this.root3, {d: 4})  // 第一种方法，用Object.assign
this.$set(this.root3, 'd', 4)  // 第二种方法：用this.$set

• 数组直接用索引修改值。变通操作：用splice函数

参考：https://cn.vuejs.org/v2/guide/reactivity.html

标签：变化检测,Vue,another,对象,js,set,数组,root3
来源： https://blog.csdn.net/weixin_43012215/article/details/117136504