Why does the reactive of vue not allow access to the private properties of the proxy class?

[gitboyzcf]

When I access private properties in a class and use getter to obtain them, I report an error. I wonder?

TypeError: Cannot read private member #name from an object whose class did not declare it
at Proxy.getName

[skirtles-code]

Private properties aren't supported with reactive proxies. This isn't something that can be fixed in Vue, JavaScript doesn't allow private properties to be accessed via a proxy.

More generally, it is recommended to avoid using classes for reactive data.

There are several GitHub issues relating to this. Two specific examples:

• Vue reactivity doesn't work with ES private fields #7240
• Error when property value is an instance of a class using private class fields #8149 (comment)