Vue组件props验证是保障稳定运行的关键，需用对象形式启用类型校验、必填约束和默认值；支持8种原生类型，多类型用数组声明；required与default不可共存；引用类型default须为工厂函数；validator支持自定义同步校验逻辑。
Vue 组件的 props 验证不是可选项，而是保障组件稳定运行的关键环节。用对象形式定义 props，才能启用类型校验、必填约束和默认值等能力，避免因传入 undefined 或错误类型导致 .map() 报错、length 访问失败等常见崩溃。
基础类型校验：明确每个 prop 应该是什么
直接写类型名是最简方式，Vue 会自动检查传入值是否匹配。支持八种原生类型：String、Number、Boolean、Array、Object、Date、Function、Symbol。
-
单类型写法：比如
title: String表示只接受字符串；isActive: Boolean拒绝数字或空字符串 -
多类型兼容：用数组声明，如
id: [String, Number]，允许传 "123" 或 123 - 注意：null 和 undefined 默认通过所有类型校验（除非配合 required），这是 Vue 的设计行为
必填项设置：强制父组件提供关键数据
对业务逻辑强依赖的 prop，必须设为 required，否则控制台会发出明确警告，而不是静默出错。
- 写法是把 prop 定义成对象，加
required: true，例如：content: { type: String, required: true } - 一旦父组件没传这个 prop，Vue 在开发环境下立刻提示 “Missing required prop: 'content'”，便于快速定位问题
- required 和 type 可共存，但不能和 default 同时使用——必填项不该有默认值
默认值设定：简化调用，兼顾安全性
非必填但常有兜底值的 prop，用 default 提供安全 fallback，尤其注意引用类型必须用工厂函数返回。
立即学习“前端免费学习笔记（深入）”；
- 基本类型直接赋值：
count: { type: Number, default: 0 } - 对象或数组必须用函数：
items: { type: Array, default: () => [] }，防止多个组件实例共享同一引用 - 函数类型默认值也需是函数：
onSubmit: { type: Function, default: () => {} }
自定义验证函数：应对复杂业务规则
当内置类型不够用时，validator 函数能执行任意逻辑判断，返回布尔值决定是否通过校验。
- 例如限制状态值只能是预设枚举：
status: { validator: value => ['success', 'warning', 'danger'].includes(value) } - 函数内可做格式校验、范围判断、甚至异步前置检查（注意 validator 是同步执行）
- 校验失败时，Vue 会在控制台打印警告，但不会中断渲染——它只是提醒，不是拦截
