defineProps lost responsive after deconstruction

[Ali-ovo]

Vue version

3.5.17

Link to minimal reproduction

https://play.vuejs.org/#eNq1V21v2zYQ/iuE+iHuajl+iZtUc7KXrh82dFuxFftSFYNMUbYaWRRIKnbn+r/vyBNFylbcYUUTwDaP9/Lc8Xh33Ac/VNXooWZBFCwkFXmliGSqru7iMt9UXCiyJ4Jl5EAywTfkAlgv2q23TCqkx8HoUq+0qjiIS/1PeQnblNelIrdayWD81FLTRCWvc/iBG+/2D0kRTQ7vgcGy1BUwsZeN+OApub0j+7gkqHEEAjV79iwuD741FPrJaffkrE0UHVW1XA+M3aONgpUrtX42OQAYUL64xLhARGCh2KYqwASsCPwt0vyB0CKR8jYOAIISvJBx0OzC/rJWipfke1rk9B54PK+ADVfoUUT2+yZah8PiEgU/p8h66nRZZ4y61jP06VTx4hIcMJ6ZlTlQazIyYIxfBq3bsGphz/7Uh673LkHZ4tKLEiyl+lgwIimvWAqUkY0THssmEau8jMh0XO3I+FtzUrkE8Y8RyQq2M5RVUkVkAhxmpcnhVmia/gSaSYImREZrlaRpXq5QiEzmjeQyofcrAf6kEXlyNV3e3MwMnfKCC9C2zhVDRi5SBpSSlz4hFEma1zIiViGthdSSFc9LxQTCA/9Cmf/DwPqV4fPgRWv+wASC7KCZPX9xc639N8yQdTpqdyQYBgpCV2b5avRB8hIuqpHVx7Kp8oKJ3yuVQ/LHARw5HkIcJEXBt78YmhI1G1o6XTN630P/IHeaFgdvBJNMPMAlbvcUHBCDA9bbr/78je3gd7u54WldAPeZzT+Y5EWtMSLbj+AvwPb4DNqfTU2BM3srX+0UK6V1SgPVnAfDHwdQYl6ecd3BnY2ujByEFKJoy9NxpSNFUq4gkxXeW1v1aom3lImm9OkS54gjze7qTnNzh66wHaD4pCzLS/ZG8EouXOmCpKo3SyaMO9511aUIdw7v3gPmu4FXDfGq1IXKqyJnqUFhFBQg/NrcbrNsWVD9NlF07ZixRvza8oAVgOm8Ghx5YQCcKYBH5Q9CJ5NlwUKl60gKH6KmqhYsbUtiR0KqpIk6FhbYru6gXAheru64yKEuJAUx2CJ9IQy9WyZ1ozon3LYCrIBdNdbN72x9/PSJjM+p1XmHLnqB7up09FNF/TXcO47AhWYDlyJcKrgztrI7vtPu0C3jfozhPoNcpyc5f/SR1Yql0IQlwcMn33guPH3EN8y/Iwc9vTopeyPusvVxYcjZNV03d6Uj7bK5I229939/vgd1kxXrcVP0p9AyoGblKXmSZXQyvu7rADdNB3CdxvYE29FM68GO1qn0WZaxbG4r/cjcgp6GAGwzmh7ZsC3wCAy2mR7TaKJJgq9rJMt3LA3NDNVr6Sa9TpMvtOTOaOKd0Zw+p8sWh77VocnAPhDZi+xLQaAZbSGEcWHTTJd2ZsnLAop+uCw4ve/IQ1Z1DYOBNos6KJ/T6/k1Hsojg0kLcmZHIm/mQENNctk6cjQWQa46xy3C3inJuwENmCfTyXQ+ffGf5iSL73NzUi/mR2clNk5uxu4otokowSv7PECQKZ3Nr/QtawxtWb5aQ59d8kKHFiUpT1lYCfaQs21fukyyWXb1f9IlVFxPrBjRHlvw3R1/Mbv9kECGG5o5+1BWCQUqyJnJF3cAQTMHLwVL7kNNsPbWV74BxINGTiKE/PMuIEx3kyin2Nqxtp1T4xJmrM58BIOW/4Qcgl3sNkMs5EdvyrhkO8Od1SXVY925ucQetR6NvI6Lr8kpjC1202sZ7g0KY+KpdNPTbluYA3w7nnZFfCd6RryudiLeO2O0GAw839CQDEq2/SsphgTyFL7d+9Wf5tzzV9M1Cl7Ay5WvBhcualGDna5hwoUmr6N9YfUOyYXisEJrBpB+8PqwLPSzmB613U7CjXmwtdfyGKioUWXDYoDYLbTWRgxxOXT+U98NRd3Hvj8J+8GClEUlAmZ/0VTF/sn6ZLY+ma5P5uu+Cbt9gPwNtUw/auBezEbz0eQ6OPwLE1fxuQ==

Steps to reproduce

When the data deconstruction by defineprops is passed into the composable function, the reactivity is lost

What is expected?

The expected data response is normal

What is actually happening?

Responsive lost, can't update page

System Info

Any additional comments?

No response

[Thunder7991]

I have verified your case in Test.vue

watch(() => unref(count),(nv) => {
  console.log(nv)
})

The code above is listening normally

However, is there a problem with using hook in this way? I haven't used props as parameters before. Does this break the concept of unidirectional data flow?

I think this way of using it is wrong

[Ali-ovo]

I have verified your case in Test.vue

watch(() => unref(count),(nv) => {
  console.log(nv)
})

The code above is listening normally

However, is there a problem with using hook in this way? I haven't used props as parameters before. Does this break the concept of unidirectional data flow?

I think this way of using it is wrong

This does not trigger normal listening.

I think it's perfectly normal to pass values from props to composable for processing, and it always follows a unidirectional data flow.

[cszhjh]

In addition, this is the recommended approach when we need to pass a destructured prop into an external function while retaining reactivity:

useComposable(() => foo)

I think this is a problem with the usage method, and there is similar explanation in the official documentation.

[Thunder7991]

In addition, this is the recommended approach when we need to pass a destructured prop into an external function while retaining reactivity:
useComposable(() => foo)

I think this is a problem with the usage method, and there is similar explanation in the official documentation.

This is a problem with the usage method. props cannot be passed as response parameters to hooks because hooks will change the value, that is, they will change the value of props. This would overturn the idea of unidirectional data flow

[edison1105]

Please refer to https://vuejs.org/guide/components/props.html#passing-destructured-props-into-functions