删除vue上的动画-选择？

import { transition } from 'vue';

export default {
  components: {
    transition
  },
  // ...
}

<transition name="fade">
  <div v-if="show">要删除的元素</div>
</transition>

.fade-enter-active, .fade-leave-active {
  transition: opacity 0.5s;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

export default {
  data() {
    return {
      show: true
    };
  },
  methods: {
    deleteElement() {
      this.show = false;
    }
  }
}