Производные реквизиты Vue

Question

У меня есть компонент Vue (2) -

Vue.component('item-component', {
    props: ['item'],
    template: `<div :id="???">item.name</div>`
})

с HTML -

<template v-for="item in items">
  <item-component v-bind:item="item"></item-component>
</template>

пунктов: -

items = [{ itemid: 1, name: "Foo" }]

Вопрос заключается в следующем: как я могу сгенерировать производное значение id типа -

<div id="my-item-1">Foo</div>

Answer 1

Вы можете просто использовать:

<div :id="'my-item-'+item.itemid">Foo</div>