- 安装插件: 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>