Vue3 使用setup语法糖时， 组件name命名

1. 多使用一个 <script> 标签命名

<script>
  export default {
    name: 'Person'
  }
</script>
<script setup>
  ...
</script>

2.使用插件

1. 安装插件 vite-plugin-vue-setup-extend

pnpm install vite-plugin-vue-setup-extend -D

2. 在vite.config文件引入

 import VueSetuoExtend from 'vite-plugin-vue-setup-extend'

 export default defineConfig({
  plugins: [
    VueSetuoExtend()
  ]
})

3. 使用

<script setup name="Person"></script>