setup语法糖name增强,使vue3语法糖支持name属性
vite-plugin-vue-setup-extend
使用 pnpm i vite-plugin-vue-setup-extend -D
安装好后去vite.config.ts中配置
配置如下:
import { defineConfig} from 'vite' import vueSetupExtend from 'vite-plugin-vue-setup-extend' export default ({ mode }) => defineConfig({ plugins: [ vueSetupExtend() ] }
使用:
<script setup lang="ts" name="home">
</script>
这样就可以直接在script中写name属性了