Vue 不允许在已经创建的实例上,动态地添加新的根级响应式属性(root-level reactive property)。然而,可以使用 Vue.set(object, key, value) 方法,将响应式属性添加到嵌套的对象上。例如:
var vm = new Vue({
data: {
userProfile: {
name: 'Anika'
}
}})
可以向嵌套的 userProfile 对象,添加一个新的 age 属性:
vue.set(vm.userProfile, 'age', 27)
还可以使用 vm.$set 实例方法,这也是全局 Vue.set 方法的别名:
vm.$set(this.userProfile, 'age' , 27)