支持。Vue的Props不自动转换布尔值，需显式声明type: Boolean并设default；HTML中disabled等属性会被解析为字符串，须靠类型约束转为true；路由params全为字符串，传布尔值应改用query手动解析或对象/函数模式props。
支持。Vue 的 Props 传参本身不自动转换布尔值类型，但开发者可以通过显式声明、类型校验和默认值机制，安全、可靠地处理开关类状态（如 showHeader、disabled、loading）。
为什么布尔值容易出错？
HTML 模板中直接写 disabled="disabled"）。如果子组件 props 没做类型约束，它收到的会是字符串 "disabled"，而非 true。
正确声明布尔型 Props 的写法
在子组件中明确指定类型，并设置合理默认值：
-
Vue 2 写法（Options API）：
props: { disabled: { type: Boolean, default: false } } -
Vue 3 写法（Composition API + defineProps）：
const props = defineProps({ disabled: { type: Boolean, default: false } }) - 这样即使父组件只写
true；若没写该 prop，则取默认false
路由传参中布尔值的处理要点
Vue Router 的 props: true 模式仅映射 params（路径参数），而 params 天然是字符串，不会自动转布尔。例如：
- 路由配置：
{ path: '/user/:id', component: User, props: true } - 访问
/user/123→ 组件收到props.id = "123"（字符串） - 若想传开关状态，应避免用 params，改用 对象模式 或 函数模式 显式控制：
-
props: { showEdit: true }（静态布尔值） -
props: route => ({ autoSave: route.query.auto === 'true' })（手动解析 query 字符串）
实用技巧：让开关状态更健壮
避免依赖隐式转换，推荐以下组合用法：
- props 类型必须设为
Boolean，禁用宽松类型（如type: [Boolean, String]） - 配合
default明确初始态，比如default: () => false - 在模板中用
v-if="props.disabled"而非v-if="props.disabled === true"（利用 JS 真值判断） - 需要双向控制时，用
v-model+defineModel（Vue 3.4+）或emit('update:xxx')（Vue 2 / 旧版 Vue 3）
