[Vue3知识] 在script标签上定义组件的名称

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">