单个文件组件如何通过context.data？
How does a single file component pass context.data?
我在 transition-group 中循环功能组件，因为我没有将对标签组件的根元素的关键引用传递给标签组件。
但是单个文件组件如何通过context.data？
<tag> 组件需要一个 key 作为其子 <span> 的 ID。
由于 <tag> 是 functional component，您必须通过 data. 前缀访问数据。
因此，由于您正在使用 <tag v-for="item in list" :key="item"></tag>，在 <tag> 的模板中，您可以访问 key（属于 context.data）自动使用 data.key:
在tag.vue中添加:key="data.key":
<template functional>
<span :key="data.key">tag content</span>
</template>
演示 CodeSandbox：https://codesandbox.io/s/wxmvxnojl?module=%2Fsrc%2Fcomponents%2Ftag.vue
我在 transition-group 中循环功能组件，因为我没有将对标签组件的根元素的关键引用传递给标签组件。
但是单个文件组件如何通过context.data？
<tag> 组件需要一个 key 作为其子 <span> 的 ID。
由于 <tag> 是 functional component，您必须通过 data. 前缀访问数据。
因此，由于您正在使用 <tag v-for="item in list" :key="item"></tag>，在 <tag> 的模板中，您可以访问 key（属于 context.data）自动使用 data.key:
在tag.vue中添加
:key="data.key":<template functional> <span :key="data.key">tag content</span> </template>
演示 CodeSandbox：https://codesandbox.io/s/wxmvxnojl?module=%2Fsrc%2Fcomponents%2Ftag.vue