Vue 组件道具派生答案

【问题标题】：Vue Component Props DerivedVue 组件道具派生
【发布时间】：2018-10-09 20:12:47
【问题描述】：

我有一个 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>

【问题讨论】：

【解决方案1】：

你可以使用：

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

【讨论】：