Vue 2 - 小道具の中でdeafult型の配列を設定する方法

Question

私は小道具としてオブジェクトの配列をとっている私のVueコンポーネントを持っています。 私は小道具のバリデーションを頻繁に使います。特に、 'デフォルト'値のフィーチャの場合は特にそうです。

props: { 
    items: Array 
} 

が、私はそれが活字体でのように持っているか、反応するように希望：この場合

は私が持っている

props: { 
    items: Array.of(
     {key: {type: String, default: 'myText'}} 
     ) 
} 

など

それが実現することは可能ですか？そうでなければ、私はちょうど私が例に作成

Answer 1

デフォルト設定するマップとして計算されたデータを使用する必要があります。jsFiddleを、その威力はあなたを助けることができる、とはい...あなたは配列としてデフォルト値を返すことができます

props: { 
    items: { 
     type: Array, 
     default: function() { return [] } 
    } 
}