【Vue知识点总结】父子组件之间的交互：Props/Emit 与 Ref 如何选择？

目录一、 经典模式：Props / Emit —— “数据的流动”1. 工作原理2. 适用场景：UI 组件与数据展示3. 为什么推荐它？二、 命令模式：Ref 获取实例 —— “功能的调用”1. 工作原理2. 适用场景：功能性组件与被动行为3. 为什么这样用？三、 核心对比：到底怎么选？避坑指南：使用 Ref 时的注意事项在 Vue 的日常开发中，组件通信是我们绕不开的话题。尤其是父子组件之间的交互，Vue 提供了多种手段，其中最经典的莫过于props/$emit，以及“简单粗暴”的ref直接调用。很多初学者（甚至有些经验的开发者）经常会困惑：既然ref可以直接拿到组件实例调用方法，为什么还要写一堆props和emit？到底什么时候用props，什么时候用ref？