setup 中如何用 defineProps 获取数据？父子组件通信实战教程

props 是单向下行的，若子组件想通知父组件变化，需配合 defineEmits：

• 父组件通过 v-bind 传数据（如 :count="num"）
• 子组件用 defineProps 接收，并可 watch 或计算派生
• 子组件用 defineEmits 声明事件（如 ['update:count']），再通过 emit('update:count', newVal) 触发
• 父组件用 v-model:count="num" 自动绑定（语法糖，等价于 :count="num" @update:count="val => num = val"）

⚠️ 常见误区提醒

• 不能在 setup 内部调用 defineProps —— 必须写在顶层，否则报错
• props 是只读的（readonly） —— 直接修改会警告，应通过 emit 通知父组件更新
• 不要解构 props —— 如 const { title } = props 会丢失响应性，要用 toRefs(props) 或直接访问 props.title
• 运行时声明（对象写法）和类型声明（TS 写法）不能混用 —— 选一种即可

今天关于《setup 中如何用 defineProps 获取数据？父子组件通信实战教程》的内容就介绍到这里了，是不是学起来一目了然！想要了解更多关于的内容请关注golang学习网公众号！