VueのComponentで受け取るpropのdefaultが複数の型だった場合の初期値
今回はVueのComponentで受け取るpropのdefaultが複数の型だった場合にどのように初期値を与えれば良いのかについてご紹介いたします。
VueのComponentで受け取るpropのdefaultが複数の型だった場合の初期値
例として、VueのComponentで受け取るpropの型が、ArrayとObjectだったとします。
その場合は、次のように書きましょう。
|
1 2 3 4 5 6 7 8 9 |
export default { props: { testProps: { type: [Array, Object], default() { return [] }, }, }, |
今回の場合はdefault()の型をArrayに合わせてますね。
つまりは、Array、Objectどちらでも良いわけです。
考えてみれば簡単ですが、パッと考えて少し迷ったので記事にしてみました。
終わりに
今回はVueのComponentで受け取るpropのdefaultが複数の型だった場合にどのように初期値を与えれば良いのかについてご紹介いたしました。