先说清楚这门课解决什么问题
很多做后端开发或者写过静态页面的上班族，在公司业务转型时会被推去写前端。这时候最大的痛点是看 Vue 项目像看天书，不知道数据怎么绑定到页面、接口请求该放哪里。这门课就是来解决这个衔接问题的。它没有讲很复杂的工程化概念，而是把重点放在 Vue 最核心的指令和语法上，比如怎么用 v-if 做条件判断、怎么用 v-for 渲染列表、怎么用 v-model 做双向绑定。如果你之前用 jQuery 写过页面，或者有后端开发经验，学这门课能帮你快速建立 Vue 的编码思维，知道怎么把数据塞进页面里。
适合什么基础以及建议先看哪几块
这门资料不适合完全零基础的人。如果你连 HTML 标签和 JavaScript 基础变量都不清楚，看视频会很吃力。它默认你已经懂基础的 JS 语法，最好是有后端开发经验。拿到资料后，建议先看模板语法和指令入门部分，把 v-if、v-for、v-bind、v-on 这几个核心指令搞明白。这几个指令是日常写业务代码用得最多的，搞懂它们就能看懂大部分基础页面逻辑。接着重点看计算属性那节，理解 getter 和 setter 的机制，这对后续处理复杂逻辑很关键。最后看 Mock.js 和 axios 的部分，这块解决的是怎么模拟后端数据和发起请求。
学完能独立做什么以及资料怎么配合练习
学完这门课，你能独立写出一个带数据交互的基础前端页面。比如一个商品列表展示页，能自己用 Mock.js 模拟出后端的商品数据，用 axios 把数据请求过来，再用 v-for 把列表渲染出来，甚至加上简单的筛选和表单提交功能。在练习时，建议不要只看视频，要跟着把代码敲一遍。资料里的每一讲都有对应的代码示例，看完一节就自己新建一个项目文件，把视频里的指令和用法手动实现一次。遇到不懂的地方先暂停视频自己查文档，不要直接抄代码。等基础语法部分练熟了，再用 vue-cli 把完整的流程跑一遍，这样才算真正把知识消化掉。
本课程是针对有一些前端基础的同学想快速上手vue框架的同学，有后端基础最佳。本课程分两章，基础和vue-cli使用两个部分。后面会针对vue开启结合后端的实战课
课程目录
* 第一章:vue基础语法篇 cplist.push('第一章:vue基础语法篇');/
* 第1讲:开张课、谈学习方法、创建Vue实例
* 第2讲:初探模板语法、v-指令入门
* 第3讲:指令(1):v-if判断的多种姿势
* 第4讲:指令(2):v-for循环渲染列表
* 第5讲:指令(3):v-bind属性绑定、动态生成组件
* 第6讲:指令(4):v-on 事件指令、methods
* 第7讲:指令(5):v-model 双向绑定、简单原理说明
* 第8讲:计算属性入门、getter/setter
* 第9讲:Mock.js入门(1):生成后端API数据(商品列表)
* 第10讲:引入axios进行ajax交互、mock.js拦截请求模拟后端交互
* 第11讲:练习:生命周期入门、生成新闻分页页码初步
* 第12讲:练习:利用Mock获取页码参数、模拟数据分页、beforeUpdate使用
* 第13讲:组件入门(1):封装图书列表组件、chrome使用import from
* 第14讲:组件入门(2): 使用单文件组件、纯网页的引用方式
* 第15讲:组件入门(3): 父子组件入门、属性传递
* 第16讲:组件入门(4):子组件触发父组件更新(emit)、图书分页
* 第17讲:组件入门(5):子组件触发父组件图书分页(自定义v-model)
* 第18讲:组件入门(6):子组件触发父组件图书分页(sync修饰符)
* 第19讲:组件入门(7):在组件"肚子"里写内容(插槽的初步使用)
* 第20讲:组件入门(8):利用插槽自定义分页页码样式
* 第二章:vue+axios速学篇 cplist.push('第二章:vue+axios速学篇');/
* 第21讲:原理之XMLHTTPRequest、GET请求
* 第22讲:全局配置、手工练习: 带参数GET请求新闻列表
* 第23讲:request拦截器使用、动态增加token参数
* 第24讲:练习:与后端API交互获取token并保存
* 第25讲:附:token生成与过期机制(1):保存到redis中
* 第26讲:token生成与过期机制(2):设置"伪"过期机制
* 第27讲:token生成与过期机制(3):前端交互练习、token续期机制后端实现
* 第28讲:token生成与过期机制(4): 前端手动续期token
* 第29讲:token生成与过期机制(5):使用拦截器自动续期token
