Vue.jsのpropsカスタムバリデーターを使った堅牢なコンポーネント作成 - Qiita

Vue.jsには、それぞれのコンポーネントのpropsにバリデーションルールを設定することができます。 ReactでいうところのpropTypesのような概念ですが、あちらより基本構造がシンプルであり、反面複雑な条件は自分でバリデーションルールを書くスタイルとなっています。 これまでは受け付けるpropsの名称だけを設定することも一般的でしたが、Vue 2.4以降は公式のスタイルガイドでも、propsに型や独自で定義するバリデーターを定義することを推奨することとなりました。 ですが、従来型の記法が利用されていることもまだまだ多く、中にはご存じないかたも多いのではないでしょうか。 この記事では、そんなVue.jsのpropsのバリデーターに焦点をあて、基本的な使い方についてご紹介します。 TL;DR propsでキー名のみを指定するのはやめよう とりあえず型だけでも縛ることができるなら型制限

[carolina04]

type: Number, required: true }, size: { type: String, default: 'meduim', validator (val) { return ['small', 'medium'][Vue.js].includes(val) } } }”