方案一：写两个 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 (根据自己的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>
网友评论