vite-plugin-vue-setup-extend 插件
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 name="systemInfo">
</script>
这种方式最优雅。