从2016年以来，如果你要问前端技术框架什么最火，那无疑就是前端三巨头：React、Angular、Vue。没错，什么jQuery，seaJs，gulp等都逐渐脱离了热点。面试的时候说一些相关技术，好像自己就不是搞前端的似的。

什么是Vue.js

不管你想不想了解，你只需要大概知道，Vue就是和jQuery一样是一个前端框架，它的中心思想就是数据驱动，像远古时代的老前辈jQuery是结构驱动，什么意思呢，以前我们写代码时常用$('.dom').text('我把值改变了')，这种写法先要获得结构，然后再修改数据更新结构，而Vue的做法直接就是this.msg="我改变了"，然后msg就会同步到某个结构上，视图管理抽象为数据管理，而不是管理dom结构了。

还有一点必须要知道的是，Vue是国人写的（尤雨溪），技术文档也妥妥的是中文，想到这我就有学习的动力。

搭建环境

工欲善其事必先利其器，我们的学习计划从学会搭建Vue所需要的环境开始，node和npm的环境不用说是必须的，现在前端流程化很热门。

1. 初始Vue

第一步：给Vue准备一个容器：

第二步：创建Vue实例：

2. Vue的响应式原理

3. Vue的常用指令

4. 条件渲染和列表渲染

附件：

Vue官网 https://cn.vuejs.org/