count0.org

Vue.jsのPropsでUnion Type

24 February 2019 js TypeScript

Vue.jsでコンポーネントを作っているとき、String型を指定されているPropsで数字(Number)が扱いたくてUnion Type的なことできないかググったら答えが出てきた。たぶんドキュメントに載ってないんじゃないかな、これ。

Vue.extend({
  props: {
    value: {
      type: [String, Number]
    }
  }
})

Propsの型を無視してもJavaScriptで書いていたらwarningが出る程度だが、TypeScriptで書いているとちゃんと止めてくれるのだ。