vue3(vite) setup设置组件name

方案一:写两个 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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。