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>
将大量 属性 值传递给组件的最佳方法是什么?
现在我正在这样做:
<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>