为什么在 Vue 对象上新增一个属性会丢失响应式?

发布时间 2024-01-11 20:44:40作者: 朱在春

为什么在Vue对象上新增一个属性会丢失响应式?

  • 在 Vue 中,当你新增一个属性到一个已经创建的对象上时,这个属性默认是非响应式的。这是因为 Vue 在实例化时会对数据进行初始化,只有初始化时存在的属性才能被 Vue 进行响应式处理

  • 如果你需要让新增的属性也具有响应式,你可以使用this.$set方法,譬如

    this.$set(this.data, 'age', 19)