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>