Vue3 中的 set() 和 delete()
在vue2中，我们使用set来设置对象的属性，让这个属性能够在页面中响应（显示出来）。但是，vue3中不再需要使用set方法来实现响应了。data() {return {person: {name: 'Wj'}}},methods: {addAge() {this.$set(this.person, 'age', 22)// vue2中的做法}// vue3中的做法methods: {addAge
·
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 操作符：
基于 Vue 的企业级 UI 组件库和中后台系统解决方案，为数万开发者服务。
更多推荐
2
0- 0
已为社区贡献1条内容
所有评论(0)