この記事はVue Advent Calendar 2022の20日目(太平洋標準時)です ご存じの通り、Vueではコンポーネントを使って簡単に要素の表示/非表示トランジションが書けます。 ↓こんなやつですね。 <script setup lang="ts"> import { ref } from "vue"; const visible = ref(true); </script> <template> <label> <input type="checkbox" v-model="visible" />ボタンを表示 </label> <Transition appear> <button v-if="visible">ボタンだよ</button> </Transition> </template> <style lang="scss" scoped> .v-enter-active,