基础入门

Vue组件注册分全局（注册到应用实例，适用于基础组件）和局部（仅当前组件使用，适用于业务组件）。常见问题有Unknown custom element（未注册、命名问题等）、全局注册无法tree-shaking等。解决办法包括按需调整注册方式、明确组件依赖。最佳实践：合理选择注册方式，组件名用PascalCase注册、kebab-case使用，支持自动注册。

Vue3组件注册分全局（通用组件，无Tree-Shaking优化）和局部（script setup或Options API，支持优化，适合大型项目）。Vue Router支持安装配置，核心组件RouterLink/View实现导航渲染，支持命名、动态及嵌套路由，可与组件联动使用。

Vue3全局组件批量注册可减少重复代码、便于统一管理与自动化导入。Vite环境下，在src/components/index.js中，用import.meta.glob批量导入.vue组件，提取文件名并注册为全局组件，main.js中通过app.use安装后，组件可在任意模板直接使用。

Vue 3异步组件按需加载，减少初始加载时间。支持全局、局部等注册方式，可设置加载/错误状态组件及延迟、超时。优化手段含路由和组件级懒加载、代码分割，可结合Suspense，SSR中支持懒水化，提升首屏性能。

Vue Options API（传统方式，通过data、methods等选项定义逻辑）与Composition API（Vue3新特性，函数式，用ref/reactive等响应式API，配合script setup）对比。涵盖组件、响应式数据、方法、生命周期注册差异，附代码示例，解析全局注册、响应式对象创建等问题及常见报错解决。

Vue 3.2引入的script setup是专为Composition API设计的编译时语法糖，能自动完成组件注册、props/emits声明（通过defineProps/defineEmits）、双向绑定（defineModel），顶层绑定自动暴露模板，减少样板代码，提升开发体验与性能，支持TypeScript类型推断。