VueJS 2:将大量 属性 值传递给组件

VueJS 2: passing a lot of property values to a component

将大量 属性 值传递给组件的最佳方法是什么?

现在我正在这样做:

<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"会怎样?

您可以将对象传递给 v-bind 指令。对象的每个 属性 都会将 属性 名称和值分配给组件。

所以在你的情况下,你可以通过 item:

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