vue3如何在 setup 中定义组件的 name 属性

借助vite-plugin-vue-setup-extend插件

1.安装插件 pnpm i vite-plugin-vue-setup-extend -D
2.集成插件 在vite.config.ts文件引入vite-plugin-vue-setup-extend

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import vueSetupExtend from 'vite-plugin-vue-setup-extend' // 引入插件
 
export default defineConfig({
  plugins: [vue(), vueSetupExtend()]
})

3.直接在script标签使用name属性

<template></template>
 
<script setup name="layer">
</script>
 
<style lang="scss" scoped>
</style>