更新时间:2024-02-28 来源:黑马程序员 浏览量:

在Vue中,当我们使用vm.$set()方法时,我们可以解决对象新增属性不能响应的问题。这种情况通常出现在我们想要动态地向Vue实例的数据对象添加新的属性时。
下面是使用vm.$set()方法的示例:
// 创建一个 Vue 实例
var vm = new Vue({
data: {
userProfile: {
name: 'John Doe',
age: 30
}
}
})
// 此时 'userProfile' 对象的 'name' 和 'age' 属性是响应式的
// 但如果我们尝试添加一个新属性,比如 'email'
vm.userProfile.email = 'john@example.com'
// 上面这样添加属性,Vue 不会自动进行响应式更新
// 为了解决这个问题,可以使用 vm.$set()
vm.$set(vm.userProfile, 'email', 'john@example.com')
// 现在 'email' 属性已经是响应式的了使用vm.$set(object, key, value)方法可以告诉Vue库在一个已经创建的对象上添加一个新属性,并确保这个新属性是响应式的。
AI鸿蒙原生智能正式版课程,培养全端跨平台鸿蒙工程师
2026-03-10AI鸿蒙原生智能正式版课程,培养全端跨平台鸿蒙工程师
2026-03-10毕业16个工作日,平均薪资13180元,就业率100%,广州黑马AI智能应用开发(Java)学科20250529班
2026-03-06毕业32个工作日,平均薪资11147元,就业率95%,广州黑马AI智能应用开发(Java)学科20250326班
2026-03-05黑马程序员2025全国就业数据发布:全学科平均就业率92.07%,AI开发类就业平均薪资达11869.67元。
2026-03-05黑马全国校区齐开班!场面太太太壮观了!
2026-03-03