(1)大前端时代与Vue 3概览:了解大前端技术的发展历程和跨平台解决方案的演进(WebView、React Native、Flutter、Uniapp)。理解MVVM架构模式与Vue 3的设计理念,掌握Vue 3.x的新特性(Composition API、Teleport、Fragments、更好的TypeScript支持)。搭建Vue 3开发环境,对比Vite与Webpack的构建性能差异,创建第一个Vue 3项目。
(2)Vue 3核心语法进阶:深入掌握Composition API的核心用法,理解setup函数的作用和执行时机,学习ref和reactive响应式API的区别与适用场景。掌握计算属性(computed)、侦听器(watch/watchEffect)的高级用法,理解生命周期钩子在Composition API中的对应关系(onMounted、onUpdated等)。
(3)组件化开发与通信机制:学习Vue 3组件化开发的最佳实践,掌握组件注册方式、props类型验证、自定义事件(emits)的声明与触发。深入理解provide/inject跨层级通信机制,掌握v-model在组件上的双向绑定实现。学习插槽(slot)的高级用法(作用域插槽、具名插槽),实现灵活的组件内容分发。
(4)状态管理与路由系统:掌握Vue Router 4的核心用法,包括路由配置、动态路由添加、导航守卫、路由元信息等高级特性。深入学习Pinia作为Vue 3官方推荐状态管理工具,理解Store的定义、state的读写、getters计算属性和actions异步操作的完整用法,实现复杂应用的状态共享。
(5)Uniapp框架入门与环境搭建:了解Uniapp的发展历程、技术架构和跨平台实现原理(条件编译、运行时映射、编译时转换)。安装HBuilderX开发工具,掌握Uniapp项目的目录结构、配置文件(pages.json、manifest.json)和生命周期(应用生命周期、页面生命周期、组件生命周期)。创建第一个Uniapp项目并在各端(H5、小程序、App)运行预览。
(6)Uniapp页面开发与组件应用:掌握Uniapp页面开发的核心技术,包括路由配置与跳转、页面传参、页面样式与rpx单位适配。系统学习Uniapp内置组件(view、scroll-view、swiper、text、image、input、button、picker等)的使用方法,掌握Flex弹性布局实现响应式界面设计。学习uni-ui扩展组件库的引入和使用,提升开发效率。
(7)Uniapp API调用与能力集成:掌握Uniapp常用API的调用规范和错误处理机制,包括网络请求(uni.request)封装与拦截器实现、数据缓存(uni.setStorage)、位置获取(uni.getLocation)、设备信息(uni.getSystemInfo)、扫码(uni.scanCode)、文件上传下载等功能。理解不同平台API的差异和兼容处理方法。
(8)Vue 3 + Uniapp组合式开发:学习在Uniapp中使用Vue 3 Composition API的完整方案,掌握setup语法糖在Uniapp中的使用方式。实现响应式数据管理、生命周期钩子适配、组件属性定义和事件处理。通过实战案例(如电商商品列表页)展示Vue 3与Uniapp的融合开发。
(9)跨端开发适配与条件编译:深入理解Uniapp条件编译机制(#ifdef/#endif)的原理和应用场景,学习处理不同端(微信小程序、支付宝小程序、H5、App)的代码差异和样式差异。掌握多端兼容的最佳实践,包括API调用适配、组件差异处理、平台特有功能集成等技术。
(10)小程序云开发与后端集成:学习小程序云开发的基本概念和优势,掌握云数据库的创建、查询、更新和删除操作。实现云函数的编写、部署和调用,完成用户登录、数据操作等业务逻辑。掌握Uniapp项目与云开发后端的完整集成流程。
(11)项目打包发布与性能优化:学习Uniapp项目的编译打包流程,掌握H5端部署、微信小程序上传审核、App端云打包和本地打包的完整流程。掌握Uniapp性能优化技巧,包括分包加载、组件按需注入、渲染层优化、减少打包体积等策略。
(12)综合项目实战:多端商城应用开发:结合所学知识,完成一个完整的跨平台商城项目(如仿美团点餐小程序或电商应用),涵盖项目需求分析、页面设计、Vue 3组件开发、Uniapp多端适配、状态管理、API集成、云开发后端对接、真机调试和发布上线的全流程。