方案一：寫兩個 script 標簽

寫兩個script 標簽，一個用 setup 語法，一個不用 setup 語法，如下：

<script>
    export default {
        name: 'demo'
    }
</script>

<script setup>
    // do something...
</script>

（推薦）方案二：通過 vite-plugin-vue-setup-extend 插件

1.安裝插件

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

2.配置 vite.config.ts (根據(jù)自己的vite配置就行，不一定需要如下配置，但是plugins是必須的)

import { defineConfig } from 'vite'
import VueSetupExtend from 'vite-plugin-vue-setup-extend'
export default defineConfig({
  plugins: [ VueSetupExtend() ]
})

3.使用

<script lang="ts" setup name="組件名"></script>