Vue3 setup 语法糖下如何定义组件名称
在Vue 3中，使用<script setup>的组件可以通过两种方式定义组件名称：
- 使用
name选项：
<script setup lang="ts">
import { defineComponent } from 'vue'
export default defineComponent({
name: 'MyComponentName'
// 其他选项
})
</script>- 使用
defineAsyncComponent定义异步加载的组件：
<script setup lang="ts">
import { defineAsyncComponent } from 'vue'
const AsyncComponent = defineAsyncComponent({
loader: () => import('./MyAsyncComponent.vue'),
name: 'MyAsyncComponentName'
})
</script>在<script setup>中，组件名称通常在defineComponent或defineAsyncComponent的选项中设置。如果是使用单文件组件（SFC）的默认行为，组件名通常从文件名推断而来（kebab-case形式，即小写+连字符）。如果需要自定义组件名称，可以像上面示例中那样使用name选项。
评论已关闭