关于 v-model 指令实现父子组件通信的问题
来源：6-10 文章搜索 - 控制业务组件的展示效果
慕粉孔帅
2024-09-28
老师您好，这个知识点有几个问题想向您请教哈：
- 既然有父组件绑定属性子组件props接受，子组件通过$emit向父组件传递数据这种形式，为什么还要有v-model这种父子组件通信的形式，这种方式相对于上面的方式无论在代码书写上还是理解程度上都麻烦一点
- 如果本例中我不通过v-model，就用传统的传递形式可不可以？
- 如果有多个父组件调用子组件，然后多个父组件都通过v-model传递数据给子组件，这种情况下子组件应该怎么写来区分每个数据？（本例中父组件通过searchVal传递，子组件没有写searchVal=啥，如果有多个传递呢？）
写回答
1回答
-
Sunday
2024-10-09
你好
问题一： v-model 是一个双向数据绑定的方案，在父组件中的数据到子组件中，并且可以在子组件修改对应数据的场景下，用 v-model 的方式应该是最简单的
问题二：可以的
问题三：子组件不需要区分，因为他们通常都是同一个数据。如果要在一个组件中绑定多个双向数据绑定的数据，在 vue2 中可以通过 .sync 如果是在 vue3 中可以通过 v-model:propsName（props 的名字）
00
相似问题