Vue3 - 响应式代理 vs. 原始值

327 阅读1分钟
export default {
  data() {
    return {
      someObject: {}
    }
  },
  mounted() {
    const newObject = {}
    this.someObject = newObject

    console.log(newObject === this.someObject) // false
  }
}

结果:

截屏2022-02-16下午4.14.27.png

在vue3, 当赋值后再访问 this.someObject, 此值已经是原来的original的一个响应式代理。