Vue.jsのPropsでUnion Type
公開日 2019-02-24
Vue.jsでコンポーネントを作っているとき、String型を指定されているPropsで数字(Number)が扱いたくてUnion Type的なことできないかググったら答えが出てきた。たぶんドキュメントに載ってないんじゃないかな、これ。
Vue.extend({
props: {
value: {
type: [String, Number]
}
}
})
Propsの型を無視してもJavaScriptで書いていたらwarningが出る程度だが、TypeScriptで書いているとちゃんと止めてくれるのだ。