vue3默认会匹配页面的名称 Person.vue  组件名就是Person

1、在多增加一个script  

<script lang="ts">
  export default {
    name:'Person',
  }
</script>
 
<script setup lang="ts">

</script >

2、直接在script加上name  推荐

使用vite中的插件简化

第一步：npm i vite-plugin-vue-setup-extend -D
第二步：vite.config.ts

 import { defineConfig } from 'vite'
 import VueSetupExtend from 'vite-plugin-vue-setup-extend'
 ​
 export default defineConfig({
   plugins: [ VueSetupExtend() ]
 })

第三步：<script setup lang="ts" name="Person">