在 Vue 中，父组件向子组件传递数据，以及子组件向父组件传递数据，分别有哪些实现方式？请列举并说明各自的使用场景。
考察说明
考查 Vue 组件通信的基础知识，包括 props、事件、插槽等核心机制。
回答思路
- 【回答框架 1】父组件向子组件传递数据主要通过 props 属性实现。父组件在模板中绑定属性，子组件通过 props 选项声明接收，可以指定类型、默认值和校验规则。props 是单向数据流，子组件不能直接修改 props，应通过触发事件或使用本地数据来响应。
- 【回答框架 2】子组件向父组件通信通过自定义事件实现。子组件使用 $emit 触发事件并携带参数，父组件在模板中监听该事件并处理。也可以使用 .sync 修饰符（Vue 2）或 v-model（Vue 3）进行双向绑定，实现父子数据同步。
- 【回答框架 3】对于跨层级或复杂组件树通信，可以使用 provide/inject 提供依赖注入，适合祖先组件向后代组件传递数据，但需注意它是非响应式的（除非传入响应式对象）。
- 【回答框架 4】此外，还可以使用事件总线（Vue 2 的 EventBus）或全局状态管理（Vuex 或 Pinia）进行通信，适用于非父子关系的组件或大型应用。
- 【关键点 1】父传子通过 props，单向数据流。
- 【关键点 2】子传父通过 $emit 触发自定义事件。
- 【关键点 3】v-model 和 .sync 用于双向绑定，本质上是 props + 事件的语法糖。
- 【关键点 4】provide/inject 适合深层嵌套传递，但应谨慎使用。
- 【关键点 5】复杂场景推荐使用 Vuex 或 Pinia 进行状态管理。
- 【易错点 1】子组件直接修改 props 会导致警告且数据流混乱，应通过事件通知父组件修改。
- 【易错点 2】provide/inject 默认是非响应式的，需注意传响应式对象或使用 Vue 3 的 computed。
- 【易错点 3】事件总线容易造成命名冲突和难以维护，适用场景有限。