vue如何在某个字段改变时应用动画

 <transition-group enter-active-class="animate__animated animate__fadeInDown">
              <div :key="taskTab[1]" class="changeTitle" @click="changeTab">
                {{ taskTab[1] }}
              </div>
</transition-group>


//js

const taskTab = ref(["CURRENT TASK", "HISTORY TASK"]);
const changeTab = () => {
  taskTab.value = [taskTab.value[1], taskTab.value[0]];
};

请问如何在某个字段变化时，例如上面的taskTab[1] 变化时，应用动画效果，目前上面的写法不生效，

vue 2?