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 操作符:
更多推荐
已为社区贡献1条内容
所有评论(0)