插件vite-plugin-vue-setup-extend

vite-plugin-vue-setup-extend是一个用于增强 Vue 3 在 Vite 项目中使用<script setup>语法的插件。

安装插件：

npm i vite-plugin-vue-setup-extend -D

在vite.config.js文件中，引入并使用该插件：

import VueSetupExtend from 'vite-plugin-vue-setup-extend'
// https://vitejs.dev/config/
export default defineConfig({
   
  plugins: [
    vue(),
    VueSetupExtend(),
  ]
})

修改<script setup>标签：

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

vite-plugin-vue-setup-extend 插件可