Vue 和 TypeScript 所需的道具答案

【问题标题】：Vue and TypeScript required propVue 和 TypeScript 所需的道具
【发布时间】：2019-11-10 01:38:46
【问题描述】：

我使用vue-property-decorator 向我的组件类添加了一个必需的道具，但是当我尝试使用没有该道具的组件时，我没有看到任何表明缺少所需道具的控制台错误。为什么？

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

以下代码不会产生预期的错误：

<test message="Hello" />

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

<test />

【问题讨论】：

【解决方案1】：

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

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

【讨论】：