父子组件的v-model

Question

老师好。第一张图是子组件，第二张图是父组件。
（1）在子组件中使用:model-value=“modelValue”，而不能使用v-model。您在视频中的解释是说《子组件不允许修改父组件传递过来的值》。
那它俩的区别是？（不知道我理解的对不对）
:model-value=“modelValue” ：子组件只负责发送emit事件通知父组件，由父组件自己修改值；而v-model：是子组件亲自修改父组件的值。
（2）那既然vue官网都说了想要维持单项数据流，那父子组件的v-model什么时候才会用到？用了不就相当于子组件修改了父组件的值吗

Answer 1

Sunday 2023-06-13 18:59:45

你好

你在这里遇到了一个误区。那就是 父绑定子的时候使用 v-model，而子修改父的时候使用 emit。它们两个是相辅相成的。

当父组件绑定子组件时，会有两个事件：

1. 父组件修改数据，子组件变化视图：这种情况是正常的。

2. 子组件想要修改数据：这种情况需要在子组件中传递事件到父组件，然后在执行 步骤一