VueJS 2: Übergeben einer Menge von Eigenschaftswerten an eine Komponente

Question

Was ist der beste Weg, um viele Eigenschaftswerte an eine Komponente zu übergeben?

Im Moment mache ich das:

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

Gibt es eine Möglichkeit eine Variable übergeben alle Daten enthält, anstelle :someValue jeder Datenwert zu schreiben, zu haben? Wenn item.title nicht existiert, was würde mit :title="item.title" passieren?

Answer 1

Sie können ein Objekt an die v-bind Direktive übergeben. Jede Eigenschaft des Objekts weist diese Eigenschaft und diesen Wert der Komponente zu. die Daten in meiner Komponente zB `` {{title}} ``

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