vue中为什么对象变成了代理对象？

Question

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

\n

这就是我正在做的事情

\n

 data() {\n    return {\n      msg: "",\n      notifications: {},\n\n    };\n  },\n  this.notifications =  TokenService.getUserInfo().unread_notifications;\n

\n

这就是我接收对象的方式

\n

Proxy {0: {\xe2\x80\xa6}, 1: {\xe2\x80\xa6}, 2: {\xe2\x80\xa6}, 3: {\xe2\x80\xa6}, 4: {\xe2\x80\xa6}}\n[[Handler]]: Object\n[[Target]]: Array(5)\n[[IsRevoked]]: false\n

\n

是什么原因？

\n

Answer 1

原因是 Vue 3 使用ES6 Proxy来使对象具有响应性。您可以深入研究它是如何工作的，或者您可以忽略它并像平常一样使用对象（代理是透明包装器，并且可以像原始对象一样在任何地方工作）