When the parent component passes the computed value, the child component receives it using defineModel and no rendering is triggered

[MissFlower]

Vue version

3.5.15

Link to minimal reproduction

https://play.vuejs.org/#eNqFUsuO2zAM/BVClzjAVkGw3UvqBGiLHFqgD7Q9CihUh/Z6K0uGHt4Ahv+9pPLYZNFtTzY5Q2pIzije9r0cEoqVKEPl2z5CwJj6jbJt1zsfYQSPNUxQe9fBjKizM/Tedf0xLxcccKcneISKcini7qr8jbLKVs6GCK2tHazPtKKYw3oDxagsgF7BUtlpPr+mL4lPgoqR8YnAcnHQTYopiNj1RkekCKDMAodXnduhWXH1Wgn+KAELYpSLC7q4ETHQO3XbyIfgLG0k61CC5bUG/Zc+tqRDiRVkhDFtjHv8mHPRJ7w55at7rH7/Jf8Q9pxT4qvHgH5AJc5Y1L7BeIC33z/jnv7PIM2QDLH/AX7D4ExijQfau2R3JPuCl9V+yNdpbfMjbPcRbTgNxUKZOWW+EnQsXuBLoz/JvZWvcx2di7Z4MsJzS4HRtqEDRGpzaa9HHav7bV1jFZ/75MolO6xbi5/4liVf36buF/ppU8yYMCMrXHQ6WimL5S7OoDSuKZgqB20SSk0V/zHQOGa+nmg0slNryaYnPx2tJPULZvo5oOfV0hpu5Z1c3onpD2zLJtg=

Steps to reproduce

Enter data in the input box, the data is not updated. If the data is bound to info1, the data will be updated.

What is expected?

When the parent component is bound to a computed value, the child component can still trigger responsive data updates. Binding info and info1 should have the same result.

What is actually happening?

When the parent component is bound to the info computed value, the responsive data is not updated when the child component is entered in the input box.
When bound to info1, the responsive data is updated

System Info

System:
    OS: macOS 13.4.1
    CPU: (10) arm64 Apple M1 Pro
    Memory: 44.64 MB / 32.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 18.20.5 - ~/Library/pnpm/node
    npm: 10.8.2 - ~/Library/pnpm/npm
    pnpm: 9.15.3 - ~/Library/pnpm/pnpm
  Browsers:
    Chrome: 136.0.7103.114
    Chrome Canary: 138.0.7203.0
    Safari: 16.5.2

Any additional comments?

No response

[jacekkarczmarczyk]

computed returns value that is not reactive

[edison1105]

As @jacekkarczmarczyk explained.
Closing as it's not a bug.

[MissFlower]

computed returns value that is not reactive

@edison1105 @jacekkarczmarczyk Thank you for your reply. I have a problem scenario and would like to ask how to better handle it.

1. When the request interface returns data (useRequest is used here), I need to process the returned responsive data. For example, if the returned data is {a: {}, b:{}, c:{}}, a and b need to be assembled into a new value through computed. const d = computed(() => ({...data.value.a, ...data.value.b}))
2. Pass d to the child component. The d passed in the child component will be displayed in the form item and can be edited.
   Is there any good way to handle the above scenario? defineModel cannot be updated. I am currently using computedReactive in vue-use to handle it.