Vue3 setup语法糖写法给组件添加name属性

安装插件: npm install vite-plugin-vue-setup-extend -D

集成插件: 在vite.config.ts文件引入vite-plugin-vue-setup-extend

// vite.config.ts
import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueSetupExtend from 'vite-plugin-vue-setup-extend'

export default defineConfig({
  plugins: [vue(), vueSetupExtend()]
})

.vue(SFC)单文件组件添加name属性

<script setup lang="ts" name="userInfo">

</script>