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：我的组件如``{{title}}的``里面

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