vue3.0 script setup写法组件命名方式

在vue2.0中想要给组件命名方式很简单，目前网上大部分的教程都是这种方式

<script>
    setup(){
        export default {
            name: 'MyComponentName'
        }
    }
</script>

甚至vue3.0中也可以写这种方式，但是如果采用script setup 语法糖的话这种方式就不可行了，原因是它会自动以文件名为主，不需要在写name属性。

可以配合插件直接在script标签中设置name，具体方式如下：

安装插件：vite-plugin-vue-setup-extend

然后在script 中直接设置name即可

<script lang="ts" setup name="xxx">

</script>