现在的各式各样开放源码工程项目中采用 Vue 的愈来愈多了，做为两个后端开发人员不会点 Vue 也都茹瓦厄斯县了。所以抽时间自学了呵呵 Vue 的单纯用语，重新整理成讲义，方便快捷有须要的老师一同自学。
Vue 是两个后端的架构，称作是 渐进 JavaScript 架构。在进入 Vue 的官方网站时方可看见，下面图的就从 Vue 官方网站拷贝的。
什么是 渐进 架构，这儿他们提及官方网站的书名上看，书名如下表所示：
Vue (读法 /vjuː/，近似于 view) 是两套用作构筑界面的渐进架构。与其他小型架构不同的是，Vue 被结构设计为能自自顶向下逐级应用领域。Vue 的核心理念库只关注快照层，不但更易进阶，还易于与服务器端库或譬如工程项目资源整合。再者，当与现代的辅助工具链以及各式各样全力支持C#紧密结合采用时，Vue 也全然能为繁杂的白眉林应用领域提供驱动力。 https://cn.vuejs.org/v2/guide/Vue 能做为整座后端开发的一小部分，也能做为两个总体。换句话说，能采用 Vue 的部分机能来构筑后端，也能全然采用 Vue 来构筑后端。约莫就是这样的原意。
一、Vue 的已经开始
Vue 的已经开始还是很方便快捷的，只须要导入两个库文档 —— Vue.js 方可已经开始。他们能去 Vue 的官方网站浏览，也能透过 CDN 来间接导入 vue 都能。这儿我浏览了 vue.min.js 文档。
创建两个 HTML 文档，然后导入 vue.min.js 文档，接著实现两个单纯的 Hello Vue 的程序。标识符如下表所示：
{{message}}
在下面的标识符中，透过
单向存取能时 v-bind 也能略去 v-bind，但是特别注意，大括号不能略去。下面的标识符中相等于给 style 增设了 color:blue 特性，运转效用如下表所示图：
三、单向存取
单向存取透过指令 v-model 来完成，下面的标识符中，data 中的 keyword 会影响 div 中的两个 input 框，第二个 input 框采用的 v-model 指令，那么当改变第二个 input 框中的值时，同样会改变 data 中 keyword 的值；又由于改变了 data 中 keyword 的值，从而第两个 input 框的值也会随之改变。
{{keyword}}
运转如下表所示图所示：
改变第二个 input 的值，如下表所示图所示：
能看见，透过修改第二个 input 框的值，下面的值也跟着发生了改变。
四、事件存取
事件存取是对事件的监听，能透过 v-on 或 @ 指令来完成，标识符如下表所示：
事件存取1 事件存取2
下面的标识符中，透过 v-on 和 @ 将 Button 和 show() 方法进行存取，输出如下表所示图所示：
下面的标识符中，在 Vue 对象中增加了 methods，在 methods 中能用来定义方法。
五、条件指令
条件指令采用 v-if 和 v-else 来完成，看如下表所示标识符：
选中了 没有选中
下面的标识符中，透过 v-model 和 ok 来进行单向存取，然后当改变 checkbox 的选中状态时，v-if 和 v-else 会自动改变文字描述。
六、循环指令
循环指令采用 v-for，它可以用来遍历数组从而渲染两个列表，看如下表所示标识符：
{{index+1}} — {{user.name}} — {{user.age}}
下面的标识符中 index 是两个循环的计数从 0 已经开始，然后循环 userList json 数组，输出如下表所示图：
七、Vue 生命周期
Vue 的生命周期，就是创建、销毁 Vue 对象时会自动执行的几个函数，Vue 的官方网站提供了两个生命周期图，该图的地址如下表所示：
https://cn.vuejs.org/v2/guide/instance.html#%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F%E5%9B%BE%E7%A4%BA
我这儿从官方网站拷贝过来，如下表所示图。
在上图中能看见，不同的生命周期有不同的方法会被执行，比如 created、updated、destroyed 等。
这儿写标识符进行测试：
{{msg}}
在标识符的 created 和 mounted 两处放入了 debugger 命令，打开 F12 的调试窗口时，当执行到 debugger 位置处时，会自动触发断点从而断下，首先断在 created 方法中，如下表所示图：
从上图能看出，此时的插值表达式并没有进行实际的替换，按 F8 让页面继续渲染，会断在 mounted 方法中，如下表所示图：
此时能看见，插值表达式已经变成了 hello。这样能清楚的看见不同的生命周期会触发不同的方法。
八、axios 和 vue-resource 库
axios 是基于 Promise 的 Ajax 的库，在 Vue 中有两个 vue-resource 库用作实现异步加载的库。在 Vue.js 2.0 中推荐采用 axios 来完成 Ajax 的请求。这儿给出演示的标识符，标识符如下表所示：
{{index + 1}} {{user.name}} {{user.age}} {{index + 1}} {{it.name}} {{it.age}}
下面的标识符中，同时演示了 axios 和 vue-resource 两个库。标识符中间接请求了两个 json 文档，并没有去进行实际的接口请求。
九、总结
Vue 的内容不只有这么些，具体能参考 Vue 的官方网站（https://cn.vuejs.org/v2/guide/）进行自学和了解。这儿只是列出了可能采用较为频繁的部分。不对之初请予指正。
