组件Prop默认值：设null还是Undefined？该如何选择？

两者的选择核心在于你想表达的语义和组件逻辑需求：

• 选undefined

  • 这是Vue未传递Prop时的原生默认状态，完全贴合框架的原生行为。如果父组件没传imageAlt，Vue本来就会把它设为undefined，手动指定这个默认值相当于明确对齐原生逻辑。
  • 当你不需要区分"父组件没传值"和"父组件传了空值"时，用undefined更简洁，甚至可以直接省略default配置，Vue会自动处理。

• 选null

  • 如果你想明确标记这个Prop的默认状态是"主动设置的空值"，而非框架原生的未定义状态，就用null。比如组件初始化时需要一个明确的"无替代文本"标识，和"未传递"做语义区分。
  • 在TypeScript场景下，null能更清晰表达"值存在但为空"的类型语义，和undefined代表的"值不存在"形成明确区分。

结合你的代码场景，如果没有特殊的语义区分需求，推荐对齐Vue原生行为，这么写：

imageAlt: {
    type: String,
    default: undefined,
},

或者更简洁的写法（效果完全一致）：

imageAlt: String,

内容的提问来源于stack exchange，提问作者panthro