一、主要通信方式概览

至于几种方式，

通信方式	方向	适用场景	特点
Props	父 → 子传递数据、配置单向数据流，响应式自定义事件子 → 父子组件通知父组件通过emit
v-model	双向表单输入、组件值同步语法糖，简化双向绑定
refs	父 → 子访问子组件实例直接调用子组件方法
provide/inject	祖先 → 后代跨层级传递数据依赖注入，非严格父子关系
事件总线	任意组件非父子通信全局事件。Vue3 较少使用

二、Props：父传子数据传递

基础用法

---
**注**这方面。如果你只想触发一个简单事件而不需要携带任何参数，可以直接调用 `emit`。如果要携带多个参数，只需按顺序排列即可，例如 `emit`。但请注意，在模板里监听时只能写到第一个参数。即 `{...}"/>`；如果你想接收所有参数，请改为 `{...}"/>` 并确保你的 handler 能够接受这些参数。### TypeScript 强类型支持
ts

### 自定义验证器


💡 使用者痛点：


**事件名大小写敏感** – 父侧监听 `` 与 `` 完全不同。

**未声明 emits** – 若在子侧未使用 `defineEmits` 声明，编译器会报错 “Unknown event emitted”。这会导致运行时报错而且无法捕获到该事件。

**过度绑订阅** – 在大规模应用中频繁注册大量自定义事件会导致性能下降；建议集中管理通用业务逻辑，如使用 Pinia store 或全局 EventBus。

**命名冲突** – 自己封装的事件名与 Vue 内置生命周期/指令冲突。例如 `'update:modelValue'` 必须严格遵守语法，否则无法触发。其实，
---

四、v‑model：双向数据绑定 

单 v‑model 示例