vue3 defineProps传值使用 ref 响应式失效

子组件接收父组件的传参。

父组件:



子组件:



此时父组件改变 data 的值,子组件 msg 无法响应 data 的变化。
因为 ref 是对传入数据的拷贝,原始值 data 的改变并不影响 msg
toRef 是对传入数据的引用,原始值 data 改变会影响 msg

正确做法:



官网说明
vue3 defineProps传值使用 ref 响应式失效_第1张图片

你可能感兴趣的:(前端,html,vue.js,javascript,前端)