Vue3 中的 set() 和 delete()

set()

在vue2中，我们使用set来设置对象的属性，让这个属性能够在页面中响应（显示出来）。

但是，vue3中不再需要使用set方法来实现响应了。

data() {
  return {
    person: {
      name: 'Wj'
    }
  }
},
methods: {
  addAge() {
     this.$set(this.person, 'age', 22)  // vue2中的做法
}

// vue3中的做法
methods: {
  addAge() {
     this.person['age'] = 22
}

delete()

vue3中不再需要delete()方法来删除data对象中的属性；

确实想要“删除”的话，就把它设置为 null 或者 undefined；

还可以使用 delete 操作符：

delete operator - JavaScript | MDN (mozilla.org)