Vue 怎么向子组件传递 ref对象,而不是value

Question

<Children
    :data = test    // 这样只是传 test.value
/>

const test = ref()

传ref对象的好处是 ,可以在子组件中直接修改 test.value

Answer 1

1.大家都知道，vue是具有单向数据流的传递特性。当你在子组件中修改父组件传递过来的数据的时候，控制台就会报出错误，说不让你对父组件传递的值进行修改。
2.那么，尤大大为了解决这个问题，在vue3的时候给我们提供了一个新的思路:v-model来实现父传子，并且子也可以修改父组件传递过来的数据。
3. 都读到这里了，我给大家提供两个修改父组件数据的思路（不仅限于vue3）:
法一：使用v-model进行父传子，并且子组件修改父组件传递的值。
法二：使用Pinia或者vuex进行状态管理，然后进行数据的修改。
————————————————
版权声明：本文为CSDN博主「喝西瓜汁的兔叽Yan」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：

https://blog.csdn.net/Yan9_9/article/details/128343052