美文网首页
vue3(vite) setup设置组件name

vue3(vite) setup设置组件name

作者: 紫灬楓 | 来源:发表于2023-04-09 10:00 被阅读0次

    方案一:写两个 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>
    

    相关文章

      网友评论

          本文标题:vue3(vite) setup设置组件name

          本文链接:https://www.haomeiwen.com/subject/ndkbddtx.html