Vue过渡组不呈现列表项答案

【问题标题】：Vue transition group not render list itemVue过渡组不呈现列表项
【发布时间】：2018-03-02 15:50:44
【问题描述】：

模板：

方法：

在 chrome 中：不是任何列表项，只有转换组标签转换为部分标签。在控制台中没有任何错误发生。

实际上，当我删除transition-group 标签并包装一个section 标签时，它应该具有如下渲染视图：

请告诉我到底出了什么问题？谢谢。

【问题讨论】：

【解决方案1】：

添加 :key="index" 属性，你 v-for 项目

【讨论】：

thx。它解决了这个问题。你能告诉我为什么它在添加 :key=index 时有效吗？
transition-group 需要它知道在指定时间内将类添加到哪个 forEach 项目，因为您可能希望将它们设置为瀑布动画，但 vue 不知道您的 css，因此它需要它。像这样的东西我不太确定