vue3中如何使用setup语法糖定义组件name

678 阅读1分钟

在vue3 setup语法糖下无法定义组件name,在不使用插件的情况下找到了两个解决方案如下👇

解决方法1 引入defineComponent

<script lang="ts"> 
import { defineComponent, onMounted } from 'vue' 
export default defineComponent({ 
    name: 'component' 
}) 
</script> 
<script lang="ts" setup> 
   
</script>

解决方法2 直接v2语法继续使用

<script lang="ts"> 
export default { name: "MyMenuItem", }; 
</script>
<script lang="ts" setup> 

</script>