【发布时间】：2018-03-12 07:10:17
【问题描述】：
我在transition-group中循环了功能组件，并且因为我没有将标签组件的根元素的键引用传递给标签组件。
但是单个文件组件如何传递context.data？
【问题讨论】：
标签： vue.js vue-component
【发布时间】：2018-03-12 07:10:17
【问题描述】：
<tag> 组件需要一个 key 作为其子 <span> 的 ID。
由于<tag> 是functional component，您必须通过data. 前缀访问数据。
所以，由于您使用的是<tag v-for="item in list" :key="item"></tag>，在<tag> 的模板中，您可以使用data.key 自动访问key（context.data）： p>
-
在tag.vue中添加
:key="data.key"：<template functional> <span :key="data.key">tag content</span> </template>
演示代码沙盒：https://codesandbox.io/s/wxmvxnojl?module=%2Fsrc%2Fcomponents%2Ftag.vue
【讨论】：