vue3.2/Vite/Ts30: 菜单折叠效果实现

<template>
  <el-icon @click="changeIcon">
    <component :is="fold ? 'Fold' : 'Extend'"></component>
  </el-icon>
</template>
<script setup lang="ts">
  import { ref } from "vue";
  // 定义变量
  let fold = ref(false);
  const changeIcon = () => {
    fold.value = !fold.value;
  };
</script>