Vue3 给组件设置name

在Vue3的<script setup>模式下，往往会忽略 name;

但是在keep-alive等情况下又需要用到！

方法1：

<script lang="ts">
  export default {
    name: "my-component"
  }
</script>

<script lang="ts" setup>
  /* 业务代码 */
</script>

方法2：

<script lang="ts" setup>
  //改方法需要vue3.3+
defineOptions({
    name: "my-component"
  })
  
</script>

方法3：这里主要是在动态加载路由时

 const comp=import(`@/component.vue`)
  comp.then(res=>{
         res.default.name=item.name
})