У меня есть список и компонент list_item, которые я часто использую в своем приложении. По упрощенной форме:
contact_list.vue
<template lang="pug">
.table
.table-header.table-row
.table-col Contact
.table-col Info
.table-body
contact-list-item(v-for='contact in contacts',
:contact='contact',
@click='doSomething()')
</template>
contact_list_item.vue
<template lang="pug">
.table-row(@click='emitClickEvent')
.table-col {{ contact.name }}
.table-col {{ contact.info }}
</template>
Когда я использую contact_list внутри определенного компонента, я хочу иметь возможность отправить слот, который добавит несколько новых столбцов в компонент contact_list_item. Этот слот будет использовать данные конкретного контакта, который отображается внутри этого компонента contact_list_item, для создания новых столбцов.
Как я мог этого добиться? Является ли использование слота лучшим подходом?
Заранее спасибо.