vue transition group 实现先出后入

Vue 的 transition-group 组件可以实现先出后入的效果，具体实现方法如下：

1. 在 transition-group 中使用 v-for 渲染需要展示的元素，每个元素都需要设置唯一的 key。

2. 在每个元素外面包裹一个 transition 组件，并设置 name 属性。

3. 在 name 对应的 CSS 样式中设置过渡效果，例如：

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to {
  opacity: 0;
}

4. 在组件中使用过渡钩子函数，例如：

<transition-group name="fade" mode="out-in">
  <div v-for="item in items" :key="item.id">
    {{ item.text }}
  </div>
</transition-group>

这样就可以实现先出后入的效果。