setup 语法糖

一、语法糖

<script lang="ts" setup>


</script>

优点：不用写return

缺点：组件名称冗余或无法命名

二、解决方案

1、安装

npm i vite-plugin-vue-setup-extend

2、配置 vite.config.ts

import VueSetupExtend from 'vite-plugin-vue-setup-extend'
plugins: [
    vue(),
    vueDevTools(),
    VueSetupExtend(),
],

 3、添加组件名称

<script lang="ts" setup name="组件名称">


</script>