解决小程序开发环境搭建与 Vue 语法迁移的痛点

对于已经掌握 Vue.js 基础，却苦于无法将其应用到微信小程序开发场景的职场人来说，这是最直接的实战课。mpvue 是一套基于 Vue.js 的跨平台小程序开发框架，它的核心价值在于让开发者能用写 Web 的方式写小程序。这门课主要解决“环境配置繁琐”、“小程序特有 API 与 Web API 语法差异大”以及“组件复用率低”这三个具体问题。它不是从零教 HTML/CSS，而是直接切入如何利用 Vue 的组件化思想和数据绑定特性来构建小程序页面，帮助你在短时间内完成从 Web 前端到小程序开发的技能转型，避免因框架陌生而导致的开发效率低下。

适合有一定 Vue 基础的进阶学习者

这门课不适合纯小白。建议读者具备 HTML、CSS 和 JavaScript 的基础，并且最好已经阅读过 Vue.js 官方文档，理解过组件化开发、生命周期钩子以及 Vuex 状态管理。课程的重点在于讲解 mpvue 框架如何映射小程序的原生能力，例如如何将 Vue 的 v-if 换成小程序的条件渲染，如何处理小程序特有的路由跳转和数据存储。如果你的 Vue 基础尚浅，直接看这门课会非常吃力；但如果你已经能独立写一些简单的 Vue 页面，这门课能帮你打通小程序开发的任督二脉，实现技术栈的无缝迁移。

学完能独立做什么

完成这门课程的学习后，你应当能够独立完成一个功能完善的小程序项目。具体来说，你将掌握使用 Vue 语法编写小程序页面的能力，能够熟练使用 mpvue 提供的 API 实现页面路由、网络请求、本地缓存以及组件间的通信。在实战中，你将具备搭建一套包含复杂交互逻辑的小程序前端系统的能力，比如电商类或资讯类的小程序，并能够理解小程序与后端接口的数据交互流程，具备独立交付小程序前端代码的能力。

资料使用建议与练习路径

建议先阅读课程中的环境搭建与项目初始化章节，按照步骤运行起第一个 mpvue 模板项目。在练习过程中，不要只做演示代码，要尝试修改源码，例如将原本固定的数据源改为调用真实的接口，或者重构其中的组件结构。配套资料中的代码片段应作为你的参考模板，重点在于理解框架如何处理数据流向。建议在学完基础语法后，尝试复刻一个简单的小程序页面，将 Vue 的响应式特性应用到小程序的视图层，通过反复修改和运行来加深对框架机制的理解。

课程目录

1-2章(微信-rmshou-收集整理)/ 1-1 课程简介【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 2-1 小程序帐号和开发工具【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 2-2 原生小程序 - 项目目录结构【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 2-3 原生小程序 - 项目app.json配置【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 2-4 原生小程序 - 自带组件及API【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 2-5 原生小程序 - 语法缺点【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 2-6 ES6常用语法【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 11-12(微信-rmshou-收集整理)/ 11-1 构建自己的Koa - 浅层封装 http 模块【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 11-2 构建自己的koa - 封装 ctx 对象【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 11-3 构建自己的koa - 同步 compose【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 11-4 构建自己的koa - 完成精简版koa【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 12-1 课程知识回顾【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 12-2 小程序发布上线流程【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 12-3 小程序整体组件和 API 概览【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 12-4 结课【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 3-4章(微信-rmshou-收集整理)/ 3-1 vue生存指南 - todolist实现-数据渲染【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 3-2 vue生存指南 - todolist实现-简单事件处理【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 3-3 vue生存指南 - todolist升级-循环事件处理【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 3-4 vue生存指南 - todolist完善【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 3-5 vue生存指南 - todolist完善-改造成单文件组件【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 3-6 vue官网简介【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 3-7 mpvue入门01【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 3-8 mpvue入门02 todolist迁移【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 4-1 koa入门+中间件入门【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 4-2 async+await优雅处理异步 【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 4-3 自己实现koa-logger中间件，打印所有请求的耗时【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 4-4 koa 路由【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 4-5 koa-router入门【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 同类型课程.jpg 5-6章(微信-rmshou-收集整理)/ 5-1 腾讯云后台【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 5-

10 使用ESLint 自动规范代码【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 5-2 腾讯云后台代码介绍【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 5-3 腾讯云后台本地开发环境搭建【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 5-4 需求分析-原型图【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 5-5 项目骨架搭建【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 5-6 项目初始化页面【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 5-7 项目初始化页面-底部导航【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 5-8 代码封装【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 5-9 章节回顾【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 6-1 个人中心开发-用户信息获取+展示【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 6-2 个人中心-扫码功能开发【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 6-3 个人中心-今年过了多少天组件【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 6-4 个人中心-登录逻辑完善【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 6-5 个人中心-代码完善-eslint格式化代码【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 7-8章(微信-rmshou-收集整理)/ 7-1 图书录入功能 - mysql使用【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 7-2 图书录入功能-获取豆瓣图书信息接口【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 7-3 图书录入功能-获取豆瓣图书信息接口2【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 7-4 图书录入功能-mysql新建图书表结构【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 7-5 图书录入功能-添加图书功能完成【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 8-1 图书列表页获取数据【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 8-2 图书卡片显示数据【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 8-3 星级显示组件实现 【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 8-4 数据库链表查询显示添加人 【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 8-5 下拉刷新功能的实现【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 8-6 图书滚动加载功能实现【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 8-7 图书访问次数统计【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 8-8 排行榜轮播图数据获取【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 8-9 排行榜轮播图实现【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 9-10章(微信-rmshou-收集整理)/ 10-1 个人已评论列表实现【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 10-2 图书列表【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 10-3 图书列表后端修改【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 9-1 获取图书详情，修改标题显示【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 9-10 评论模块实现1 【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 9-11 评论模块实现2【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 9-12 图书详情功能回顾【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 9-13 代码规范修正【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 9-2 图书封面显示【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 9-3 图书作者评分显示【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 9-4 图书tag和简介显示【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 9-5 评论手机型号的获取【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 9-6 获取地理位置（使用小程序API和百度地图API）【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 9-7 点击评论发起请求【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 9-8 评论后台接口实现【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 9-9 评论列表实现【微信-rmshou-收集整理】_微信-rmshou-收集整理[3].mp4
 资料/ mpvue课程小程序全栈开发_源代码(微信-rmshou-收集整理)_微信-rmshou-收集整理.rar 资料说明u.txt