为什么在Vue
对象上新增一个属性会丢失响应式?
-
在 Vue 中,当你新增一个属性到一个已经创建的对象上时,这个属性默认是非响应式的。这是因为 Vue 在实例化时会对数据进行初始化,只有初始化时存在的属性才能被 Vue 进行响应式处理
-
如果你需要让新增的属性也具有响应式,你可以使用
this.$set
方法,譬如this.$set(this.data, 'age', 19)
Vue
对象上新增一个属性会丢失响应式?在 Vue 中,当你新增一个属性到一个已经创建的对象上时,这个属性默认是非响应式的。这是因为 Vue 在实例化时会对数据进行初始化,只有初始化时存在的属性才能被 Vue 进行响应式处理
如果你需要让新增的属性也具有响应式,你可以使用this.$set
方法,譬如
this.$set(this.data, 'age', 19)