课程大纲

核心高级 Vue.js 概念

  • 高级组件生命周期。
  • 高级 props、emits 和自定义事件处理。
  • 高级响应式(ref、computed、effect、watch 等)。
  • 路由控制与导航守卫。

使用 Pinia 实现可扩展状态管理

  • 使用 Pinia 实现可扩展架构。
  • 高级组合与存储模块化。
  • 管理全局与本地数据的最佳实践。

API 集成与数据层设计

  • 全局与自定义 Axios 配置。
  • 拦截器与错误处理的高级用法。
  • 与 Pinia 和组件的集成。
  • API、存储与 UI 组件之间的数据流。

现代 Vue 开发工作流

  • 为 Vue.js 项目进行高级 Vite 配置。
  • 插件集成与构建优化。
  • 开发/测试/生产环境的最佳实践。
  • 生产环境变量(Vault)、CI/CD。
  • 代码质量:ESLint、Prettier 和 SonarQube 的配置与集成。
  • 自动化格式与静态分析最佳实践。

框架专项:Quasar 框架

  • Quasar 组件的优化与自定义。
  • 使用 Quasar 构建响应式且高性能的 UI。
  • 将 Quasar 与 TanStack、PWA 和 ServiceWorker 结合使用。

Vue.js 中的 TypeScript

  • 为组件和存储定义高级类型。
  • 为 props、emits 和 slots 定义类型。
  • 类型安全的可重用模式与最佳实践。

测试与代码可靠性

  • 组件与存储的单元测试和集成测试。
  • 推荐工具(Vue Test Utils、Vitest 等)。
  • 可维护性与测试自动化的最佳实践。

性能与优化

  • 懒加载、代码分割与资源优化。
  • 识别并解决性能瓶颈。
  • Vue.js 应用的性能分析与微调。

材料与支持

  • 每个模块的全面文档与示例。
  • 访问录制的材料或在线资源。
  • 问答与培训后实施支持。

总结与下一步

要求

  • 具备使用 Vue.js 开发应用的经验。
  • 熟悉 JavaScript、ES6+ 和 REST API。
  • 对前端构建工具和基于组件的架构有基本了解。

目标受众

  • 有 Vue.js 经验的前端开发者。
  • 构建大规模 Vue 应用的软件工程师。
  • 寻求架构、测试和优化最佳实践的开发者。
 35 小时

客户评论 (4)

即将举行的公开课程

课程分类