父子组件的v-model

首页课程实战体系课手记专栏慕课教程

父子组件的v-model

来源：5-16 方案落地：创建 SelectColor 组件-2

别人都说我可帅

2023-06-13

图片描述

图片描述

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

写回答

1回答

Sunday

Sunday

2023-06-13

你好

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

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

父组件修改数据，子组件变化视图：这种情况是正常的。
子组件想要修改数据：这种情况需要在子组件中传递事件到父组件，然后在执行步骤一

0

0

基于Vue3新标准，打造后台综合解决方案

基于Vue3重写Vue-element-admin,打造后台前端综合解决方案

1941 学习 · 1687 问题

相似问题

子组件修改父组件的语法糖相关

回答 1

老师，现在vue3的组件传值是父组件向子组件传一个方法，子组件这边触发就能在父组件获取数据了吗

回答 1

老师，这里自定义父子组件，v-module可以双向绑定组件数据，控制对话框的显示和隐藏。如果使用父传子，再子传父，这种方式是否也可以实现效果。

回答 1

回答 1

子组件使用 v-bind="$attrs"，父组件绑定的class传给了子组件后父组件上还有该class

回答 1

打开慕课网App查看更多内容