Version

3.2.31

Reproduction link

https://codesandbox.io/s/vue3-bi-direction-f0tsh?file=/src/App.vue

Steps to reproduce

1. open the Reproduction link
2. wait for 1s
3. confirm that the text 'initial text' keep as it, where it really should be changed to 'NEW TEXT'

What is actually happening?

I made a workaround for this, just comment out the bindToProxy(foo);, and run it again. I think this behavior should be included into the core by default, or at least by an option of ref or reactive. Or, maybe vue could check if the target object has a specific symbol so it can determine if use this "bi-directional" strategy.

vue3 是用proxy创建一个新的代理对象来对所有的访问以及更新进行劫持。这里的类中的更新只会更新原对象，而不会触发视图渲染，你可以增加一个计时器，然后让视图再强制渲染一次，你就会发现，值已经更改了。 https://sfc.vuejs.org/#eyJBcHAudnVlIjoiPHNjcmlwdCBzZXR1cD5cbmltcG9ydCB7IHJlZiwgcmVhY3RpdmUgfSBmcm9tICd2dWUnXG5jbGFzcyBGb28ge1xuICBjb25zdHJ1Y3RvcigpIHtcbiAgICB0aGlzLnRleHQgPSBcImluaXRhbCB0ZXh0XCI7XG5cbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIGNvbnNvbGUubG9nKHRoaXMpO1xuICAgICAgdGhpcy5pbml0QXN5bmMoKTtcbiAgICB9LCAxMDAwKTtcbiAgfVxuXG4gIGluaXRBc3luYygpIHtcbiAgICBjb25zb2xlLmxvZyhcInNldCBuZXcgdGV4dFwiKTtcbiAgICB0aGlzLnRleHQgPSBcIk5FVyBURVhUXCI7XG4gIH1cbn1cblxuY29uc3QgbXNnID0gcmVhY3RpdmUobmV3IEZvbylcblxuY29uc3QgbmFtZSA9IHJlZign5byg5LiJJylcbnNldFRpbWVvdXQoKCkgPT4geyBuYW1lLnZhbHVlID0gJ+adjuWbmycgfSwgMTUwMClcbjwvc2NyaXB0PlxuXG48dGVtcGxhdGU+XG4gIDxoMT5cbiAgICB7eyBuYW1lIH19XG4gIDwvaDE+XG4gIDxoMT57eyBtc2cudGV4dCB9fTwvaDE+XG4gIDxpbnB1dCB2LW1vZGVsPVwibXNnXCI+XG48L3RlbXBsYXRlPiIsImltcG9ydC1tYXAuanNvbiI6IntcbiAgXCJpbXBvcnRzXCI6IHtcbiAgICBcInZ1ZVwiOiBcImh0dHBzOi8vc2ZjLnZ1ZWpzLm9yZy92dWUucnVudGltZS5lc20tYnJvd3Nlci5qc1wiXG4gIH1cbn0ifQ==

our opinion is that it's a bad idea to use complex, stateful classes that have their own side-effects in combination with reactivity.

We won't add such a helper to the core for that reason.