【UniApp小程序知识点总结】Vue3 与 Uniapp 中 defineProps 的对比
目录
一、 定义：什么是 defineProps？
二、 核心对比：Vue3 vs Uniapp 小程序
1. Vue3 中的 defineProps：纯粹父子通信
2. Uniapp 中的 defineProps：页面参数拦截器（魔法）
三、 开发场景与企业级实战
场景一：Uniapp 动态页面标题（页面参数接收）
场景二：Vue3 业务组件解耦（组件属性接收）
四、 企业级开发避坑与进阶技巧
1. 小程序参数的“字符串”陷阱
2. 使用 withDefaults 处理默认值
3. 解构响应式丢失问题
五、 延伸：编译器宏“全家桶”
1. defineEmits：向外抛发事件
2. defineExpose：主动暴露内部方法
3. defineOptions：配置选项（Vue 3.3+）
六、 总结
一、 定义：什么是 defineProps？
defineProps 是 Vue 3 引入的一个编译器宏。
- 无需引入：你不需要在文件顶部
import { defineProps } from 'vue'，Vue 的编译器在编译阶段会自动识别并进行转换。 - 声明式接收数据：它的核心作用是声明当前组件（或页面）需要接收哪些外部传入的参数。
- 只读性：接收到的数据遵循单向数据流原则，是只读的，直接修改会导致 Vue 报警甚至状态错乱。