方案一:写两个 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>
网友评论