为什么对象在vue中变成代理对象？ [复制]答案

【问题标题】：Why object changes into proxy object in vue? [duplicate]为什么对象在vue中变成代理对象？ [复制]
【发布时间】：2021-07-13 21:47:29
【问题描述】：

我有对象问题是当我将对象分配给数据属性时，它会转换为代理对象。

这就是我正在做的事情

 data() {
    return {
      msg: "",
      notifications: {},

    };
  },
  this.notifications =  TokenService.getUserInfo().unread_notifications;

这就是我接收对象的方式

Proxy {0: {…}, 1: {…}, 2: {…}, 3: {…}, 4: {…}}
[[Handler]]: Object
[[Target]]: Array(5)
[[IsRevoked]]: false

是什么原因？

【问题讨论】：

v3.vuejs.org/guide/reactivity.html#proxied-objects。也相关：stackoverflow.com/q/64917686/1048572
"我有对象问题" - 为什么你有这个问题，什么不起作用？只需像使用对象一样使用代理即可。
我想在 v-for 循环中使用这个对象，但是每当我得到代理对象时它的 for 循环不接受它
请准确描述“不接受”的含义。显示代码和错误。

【解决方案1】：

原因是 Vue 3 使用 ES6 Proxy 使对象具有响应性。你可以学习how that works in depth 或者你可以忽略它并像往常一样使用对象（代理是透明的包装器，在任何地方都可以作为你的原始对象工作）

【讨论】：