结合你的项目经验，谈谈在 Vue 应用中你遵循了哪些最佳实践，并说明这些实践解决了哪些实际问题？
考察说明
考查候选人在实际项目中应用 Vue 的经验深度，以及是否形成了系统性的最佳实践总结。
回答思路
- 【回答框架 1】代码组织与组件设计：采用组合式 API（Composition API）将相关逻辑聚合，遵循单一职责原则拆分组件，通过自定义 Hook 或 Composables 复用逻辑，提升代码可维护性和可测试性。
- 【回答框架 2】性能优化：利用计算属性缓存派生状态，避免在模板中执行复杂方法；使用 v-once 或 v-memo 减少不必要的渲染；对大列表使用虚拟滚动，对图片懒加载，必要时配合 keep-alive 缓存组件状态。
- 【回答框架 3】状态管理：根据应用规模选择合适方案，小型项目优先使用 provide/inject 或事件总线，大型项目使用 Pinia（或 Vuex）并模块化划分 store，避免全局状态滥用，通过明确的 action/mutation 管理状态变更。
- 【回答框架 4】生命周期与副作用处理：在 onMounted 或 watch 中正确清理定时器、事件监听和异步请求，避免内存泄漏；使用错误边界组件捕获渲染错误，保证应用稳定性。
- 【回答框架 5】工程化与规范：统一代码风格（ESLint + Prettier），使用组合式 API 时规范 composables 命名和目录结构，结合单元测试（Vitest）和端到端测试（Cypress）保证质量，利用自动化部署流程确保快速迭代。
- 【关键点 1】使用组合式 API 组织逻辑，提高复用性和可维护性。
- 【关键点 2】合理使用 computed 和 v-once 优化渲染性能。
- 【关键点 3】组件库和状态管理应根据项目规模选择，避免过度设计。
- 【关键点 4】在生命周期钩子中正确清理副作用，防止内存泄漏。
- 【关键点 5】结合工程化工具和测试保障代码质量。
- 【易错点 1】不要滥用全局混入（mixin）导致命名冲突和逻辑耦合。
- 【易错点 2】过度拆分组件可能导致通信成本增加，需平衡粒度。
- 【易错点 3】盲目引入 Pinia 或 Vuex 可能增加复杂度，需按需使用。