props
定义组件的外部输入接口，父组件通过 props 向子组件传递数据
props 是组件的「函数参数」：父组件通过属性把数据传进去，子组件只读使用——直接修改 props 是反模式（React 报错，Vue 报警告）。需要改，就让子组件 emit 事件、父组件改状态，数据流保持单向清晰。
props 支持默认值、类型校验、必填检查。Vue 用 defineProps 声明，React 用函数参数接收，两者都遵循「外部数据只读」这一铁律。
- 单项数据流：父 → 子用 props，子 → 父用事件；
- props 变化会触发子组件更新，必要时做 memo 优化；
- 对象/数组 props 传引用，子组件内部修改会污染父级状态。
JavaScript
// Vue：声明式 props const props = defineProps({ title: { type: String, required: true }, count: { type: Number, default: 0 } }); // React：函数参数 function Card({ title, count = 0 }) { return <h2>{title}（{count}）</h2>; }
⚠ 常见误区
- 永远不要在子组件里改 props，用事件通知父组件
- 解构 props 时记得给默认值，防止 undefined 渲染
- 传递对象 prop 时警惕引用共享导致的意外修改