Vue对象变化检测

时间 2020-02-10

标签 vue 对象变化检测繁體版

原文原文链接

Vue 不容许在已经建立的实例上，动态地添加新的根级响应式属性(root-level reactive property)。然而，能够使用 Vue.set(object, key, value) 方法，将响应式属性添加到嵌套的对象上。例如：javascript

var vm = new Vue({
 data: {
   userProfile: {
     name: 'Anika'
   }
 }})

能够向嵌套的 userProfile 对象，添加一个新的 age 属性：vue

vue.set(vm.userProfile, 'age', 27)
还能够使用 vm.$set 实例方法，这也是全局 Vue.set 方法的别名：java

vm.$set(this.userProfile, 'age' , 27)
react