Vue 的组件化开发是如何工作的？

1. 组件的定义与注册

Vue 组件是一个包含模板（或渲染函数）、逻辑和样式的可复用单元。单文件组件（.vue 文件）把模板、脚本和样式组织在同一文件中，便于维护。组件可局部注册或全局注册，局部注册仅在引入它的组件内可用，全局注册后可在任意组件中使用。

2. 组件的通信方式

组件间通过 props 传递数据，子组件通过自定义事件向父组件通知变化，形成单向数据流。跨层级组件可通过 provide/inject 共享数据，避免逐层传递。对于全局共享状态，则推荐使用 Pinia 等状态管理方案统一管理。

3. 组合式复用

Vue 3 的 Composition API 允许把组件逻辑按功能关注点组织，并抽取为可复用的组合式函数（composable）。相比选项式 API 按选项类型分散逻辑，组合式函数能更灵活地在多个组件间共享状态和逻辑，提升大型应用的可维护性。