单文件组件中局部注册的核心是“导入即注册、作用域限定”:使用时导入即可用,无需components选项;options api则需在components中显式声明;二者均要求组件名符合pascalcase规范,确保模板正确识别。

在单文件组件(.vue 文件)中做局部导入和注册,核心就一句话:导入即注册,用完即止,作用域严格限定在当前组件内。
一、使用 <script setup></script>(Vue 3 推荐方式)
这是最简洁、最常用的方式。只要 import 了组件,它就自动可用了,无需额外注册。
<script setup lang="ts">
import HelloWorld from '@/components/HelloWorld.vue'
import UserCard from '@/components/UserCard.vue'
</script><template><helloworld></helloworld><usercard :user="{ name: '张三' }"></usercard></template>
✅ 特点:
- 编译器自动将
import的组件注入模板作用域 - 不污染全局,天然支持 Tree Shaking
- 组件名直接按文件名推导(如
HelloWorld.vue→<helloworld></helloworld>),也可重命名导入
⚠️ 注意:

