VueJS 2：多くのプロパティ値をコンポーネントに渡す

Question

多くのプロパティ値をコンポーネントに渡す最良の方法は何ですか？

は、今のところ私はこれをやっている：

<list-li 
    v-for="item in items" 
    :key="item.id" 
    :id="item.id" 
    :user="item.user" 
    :branch="item.branch" 
    :title="item.title" 
></list-li> 

すべてのデータ値の:someValueを記述するのではなく、すべてのデータを含む一つの変数を渡す方法はありますか？

また、item.titleが存在しない場合、:title="item.title"はどうなりますか？

Answer 1

オブジェクトをv-bindディレクティブに渡すことができます。オブジェクトの各プロパティは、そのプロパティ名と値をコンポーネントに割り当てます。

だからあなたの場合には、あなただけのitemを渡すことができます。

<list-li v-for="item in items" :key="item.id" v-bind="item"></list-li>