这套课程到底在解决什么问题?
过去做小程序,你可能需要同时维护微信、百度、头条等多个平台的不同代码,或者在原生小程序开发中挣扎于繁琐的配置和重复的组件编写。mpvue 的出现,本质上是为了让开发者能用一套 Vue.js 的语法和生态,去编译并运行在多端小程序上。
这门课以「小慕读书」项目为实战载体,不是为了让你背诵 API,而是带你走一遍从项目初始化、技术选型到多端发布的完整闭环。它解决的核心痛点是:如何在保留 Vue 开发体验(组件化、状态管理、路由)的同时,兼容小程序环境的限制。如果你之前只写过 H5 网页或原生小程序,这套体系能帮你打通两者的技术壁垒,理解框架底层是如何将 Vue 组件映射为小程序节点的。
适合什么基础的人?先看哪几块?
课程内容采用了「快速扫盲 + 核心深入」的策略,适合具备前端基础但缺乏小程序实战经验的同学。资料包结构清晰地划出了免修区:如果你已经熟悉微信小程序原生开发和 Vue.js 基础(如双向绑定、组件通信),可以直接跳过第 2、3、5 章,避免无效时间消耗。这七章只是用来统一术语和规范开发的。
真正的核心在第 4 章及之后的实战部分。建议先仔细看完第 1 章的课程预览和技术选型介绍,这里明确了项目的目标架构;接着必须精读第 4 章关于 mpvue 原理与生命周期的讲解,这是理解后续开发差异的关键。不要急着动手写业务逻辑,先把 mpvue 与原生 Vue 的区别搞清楚,否则在后续处理样式隔离和数据交互时会遇到大量难以排查的问题。
学完能做什么?资料怎么配合练习?
完成本课程后,你应该能够独立使用 mpvue 脚手架搭建一个标准的多端小程序项目,并能熟练运用 vue-router 进行页面跳转规划,利用 vuex 管理全局状态(如用户信息、书籍列表等)。更重要的是,你将具备阅读和修改现有 mpvue 项目源码的能力,能够针对书籍展示、详情页、购物车等典型场景进行独立开发。
在配合资料包练习时,不要只做旁观者。建议按照课程进度,先在本地复现「小慕读书」的目录结构和核心组件。对于课程中涉及的数据请求部分,若模拟接口无法联通,可自行替换为免费的公开 API 进行调试。重点在于观察控制台报错与小程序开发者工具中的 DOM 树对应关系,这是掌握 mpvue 调试技巧的最直接途径。切忌只看不练,因为框架的约束细节往往只有在真机调试时才会暴露出来。
课程目录
第1章 课程快速预览(必看!!!) 试看 3 节 | 15分钟 1-1 看完这一节,你基本上就知道自己能学到什么了 (12:08).mp4 1-2 窥探一个小程序项目的完整流程 (01:05).mp4 1-3 项目技术选型与技术栈介绍 (01:43).mp4 第2章 30 分钟快速入门微信小程序(已掌握,可略过) 7 节 | 25分钟 2-1 微信小程序账号注册与工具下载 (05:40).mp4 2-2 微信小程序代码结构分析 (01:46).mp4 2-3 快速完成第一个微信小程序 Hello World (05:07).mp4 2-4 快速上手微信小程序原生组件 (05:13).mp4 2-5 微信小程序原生 API 调用方法 (02:55).mp4 2-6 细数微信原生小程序的那些缺点 (02:00).mp4 2-7 本章小结 (01:49).mp4 第3章 30 分钟快速入门 Vue.js 框架(已掌握,可略过) 6 节 | 32分钟 3-1 快速搞定第一个 Vue.js 应用 (06:20).mp4 3-2 Vue.js 的基本特性:事件、条件与循环 (08:02).mp4 3-3 Vue.js 的基本特性:双向数据绑定 (04:30).mp4 3-4 如何实现 Vue.js 的组件化 (03:46).mp4 3-5 使用 vue-cli 脚手架搭建 Vue.js 开发环境 (07:05).mp4 3-6 本章小结 (02:01).mp4 第4章 15 分钟快速搞定 mpvue 框架入门 试看 3 节 | 16分钟 4-1 什么是 mpvue 框架 (01:48).mp4 4-2 通过脚手架初始化 mpvue 项目 (06:20).mp4 4-3 mpvue 原理与生命周期 (07:23).mp4 第5章 30 分钟快速入门 vue-router 与 vuex(已掌握,可略过) 6 节 | 29分钟 5-1 快速上手 vue-router (07:22).mp4 5-2 vue-router 的嵌套路由与重定向 (03:54).mp4 5-3 vue-router 的路由参数与编程式导航 (07:35).mp4 5-4 vuex 快速上手与核心概念 (04:46).mp4 5-5 vuex 的最佳实践 - 模块化 (03:38).mp4 5-6 本章小结 (01:18).mp4 第6章 [ 实战 ] 小慕读书项目 - 规划与分析 5 节 | 17分钟 6-1 项目效果演示 (04:17).mp4 6-2 项目需求分析 (03:24).mp4 6-3 项目交互视觉稿分析 (05:55).mp4 6-4 视觉稿切图 (01:33).mp4 6-5 项目开发计划 (01:13).mp4 第7章 [ 实战 ] 小慕读书项目 - 环境搭建 5 节 | 25分钟 7-1 项目初始化 (05:50).mp4 7-2 scss 集成 (01:50).mp4 7-3 vant-weapp 组件库集成 (04:20).mp4 7-4 mpvue-router-patch 集成 (02:42).mp4 7-5 flyio 集成 (09:27).mp4 第8章 [ 实战 ] 小慕读书项目 - 应用首页 15 节 | 160分钟 8-1 首页搜索组件样式开发 (19:07).mp4 8-2 首页搜索组件功能开发 (12:32).mp4 8-3 首页搜索组件优化 (04:25).mp4 8-4 图片组件基础开发 (09:23).mp4 8-5 图片组件占位图开发 (04:22).mp4 8-6 图书卡片组件开发(上) (17:27).mp4 8-7 图书卡片组件开发(下) (12:10).mp4 8-8 Dialog 组件调用方法 (02:55).mp4 8-9 Banner组件开发 (12:39).mp4 8- 10 推荐组件基础功能开发 (17:11).mp4 8- 11 推荐组件图书样式开发(上) (10:57).mp4 8- 12 推荐组件图书样式开发(下) (17:38).mp4 8- 13 推荐组件分类样式开发 (13:47).mp4 8- 14 实用的开发小技巧 (02:32).mp4 8- 15 课程源码使用方法介绍 (02:19).mp4 第9章 [ 实战 ] 小慕读书项目 - 用户授权 13 节 | 105分钟 9-1 首页API对接 (11:38).mp4 9-2 搜索和图书卡片组件数据对接 (07:47).mp4 9-3 图书推荐组件数据对接 (02:21).mp4 9-4 API请求异常捕获方法 (03:57).mp4 9-5 图书推荐组件“换一批”功能实现 (09:17).mp4 9-6 用户授权流程讲解 (02:00).mp4 9-7 权限校验流程开发 (05:41).mp4 9-8 用户权限组件开发 (21:44).mp4 9-9 获取用户信息 (13:36).mp4 9- 10 获取用户 OpenID (07:36).mp4 9- 11 用户注册 (11:43).mp4 9- 12 Loading 交互开发 (03:12).mp4 9- 13 本章总结 (03:32).mp4 第10章 [ 实战 ] 小慕读书项目 - 搜索模块 13 节 | 124分钟 10-1 搜索页面简介 (02:24).mp4 10-2 Search 页面创建+Tag 组件开发 (10:23).mp4 10-3 TagGroup 组件开发 (13:00).mp4 10-4 搜索分类组件开发 (11:38).mp4 10-5 图书列表组件开发 (12:32).mp4 10-6 综合搜索列表组件开发 (08:55).mp4 10-7 搜索模块组件集成 (09:38).mp4 10-8 搜索模块 API 对接 (12:48).mp4 10-9 热门搜索 API 对接 (11:13).mp4 10- 10 搜索框按键搜索功能开发 (06:34).mp4 10- 11 历史搜索和热搜更新功能开发 (09:11).mp4 10- 12 触底自动刷新功能开发 (13:23).mp4 10- 13 本章总结 (01:37).mp4 第11章 [ 实战 ] 小慕读书项目 - 图书详情 9 节 | 39分钟 11-1 图书详情页简介 (01:55).mp4 11-2 DetailBook 组件开发 (04:22).mp4 11-3 图书详情 API 对接 (04:02).mp4 11-4 DetailStat 组件开发 (04:01).mp4 11-5 图书评分组件开发和评分 API 对接 (04:47).mp4 11-6 图书目录组件开发和目录 API 对接 (04:29).mp4 11-7 书架状态 API + 加入书架 API 对接 (08:40).mp4 11-8 移出书架 API 对接 (05:43).mp4 11-9 本章总结 (00:56).mp4 第12章 [ 实战 ] 小慕读书项目 - 书架模块 10 节 | 61分钟 12-1 图书列表页面开发 + 列表 API 对接 (07:35).mp4 12-2 图书列表标题动态切换+图书详情页跳转 (05:58).mp4 12-3 图书列表触底自动刷新功能开发 (03:23).mp4 12-4 分类列表页面开发 + 分类 API 对接 (06:09).mp4 12-5 分类列表跳转图书列表功能开发 (09:51).mp4 12-6 阅读器页面开发 (13:42).mp4 12-7 书架页面开发 (03:18).mp4 12-8 书架用户面板组件开发 (06:12).mp4 12-9 书架列表组件开发 (03:20).mp4 12- 10 mounted 和 onShow 的区别 (01:22).mp4 第13章 原生小程序 API 调用与多端小程序发布 5 节 | 25分钟 13-1 支付宝小程序源码运行 (02:25).mp4 13-2 支付宝小程序用户授权 (07:50).mp4 13-3 支付宝小程序获取OpenID (09:08).mp4 13-4 支付宝小程序组件定制开发 (03:52).mp4 13-5 本章总结 (01:24).mp4 第14章 课程总结与展望(你以为这样就完了吗?快来看看吧) 1 节 | 7分钟 14-1 课程总结 (06:10).mp4 第15章 (加餐)Git 操作与 HTTPS 证书 4 节 | 18分钟 15-1 如何通过git管理多仓库 (03:18).mp4 15-2 从仓库创建开始后端代码完整上传流程 (04:32).mp4 15-3 服务端git免密更新方法 (03:02).mp4 15-4 https证书申请 (07:06).mp4
![慕课网-最新 mpvue2.0 框架-实战[小慕读书]多平台小程序](/_next/image?url=%2Fapi%2Fuploads%2F9de4c535-665e-4a0d-9354-744079c88f43.jpg&w=1920&q=75)





