vue3直接修改props,toRef起到一个什么作用

vue3中,父组件通过props给子组件传递一个引用数据类型的值,子组件直接修改这个props的值 接收到这个props值后,经过toRef()处理一下和不处理有什么区别,我试了一下,都可以改,页面都跟新了. 看项目中别人用toRef()处理了一下,有点困惑,求解惑

创建响应式的 ref。具如下

• 这篇文章讲的很详细，请看：vue3组合式api中的ref、toRef、toRefs三个函数的简单使用示例
• 除此之外, 这篇博客: ts与vue3的学习笔记(断断续续补充)中的 prop传值方式，toRef和toRefs的使用 部分也许能够解决你的问题, 你可以仔细阅读以下内容或跳转源博客中阅读:
  

• const props = defineProps<{data:string;}>();

  toref: const msg=toRef(props,"data");

  torefs: const { data } = toRefs(props);