方案一:寫兩個(gè) script 標(biāo)簽
寫兩個(gè)script 標(biāo)簽杰捂,一個(gè)用 setup 語法舆床,一個(gè)不用 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>