typescript - Vue 和 TypeScript 需要 prop

Question

我使用 vue-property-decorator 向我的组件类添加了一个必需的 prop，但是当我尝试在没有该 prop 的情况下使用该组件时，我没有看到任何指示所需 prop 的控制台错误不见了。为什么？

export default class Test extends Vue {
  @Prop() private message!: string;
}

以下代码没有产生预期的错误:

<test message="Hello" />

以下代码应该会导致错误但不会:

<test />

Answer 1

@Prop装饰者需要一个 PropOptions对象，它包含一个默认值为 false 的 required 属性。要使 message 成为必需，请在 @Prop 声明中指定 required: true:

@Prop({ required: true }) private message!: string;