使用vue.js的原因：1、Vue的核心库只关注视图层；2、Vue能让网页开发变得方便；3、Vue.js通过组件，把一个单页应用中的各种模块拆分到一个一个单独的组件中；4、虚拟DOM可以最小化操作dom，从而避免了性能损耗。
本教程操作环境：windows7系统、vue2.0版本、Dell G3电脑。
相关推荐：《vue.js教程》
为什么要用vue.js？
Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。
立即学习“前端免费学习笔记（深入）”；
使用vue.js的原因：
Vue 的核心库只关注视图层
页面元素非常多的网页，结构很庞大，数据和视图如果全部混杂在一起，像传统开发一样全部混合在HTML中，那么要对它们进行处理会十分的费劲。
Vue能让网页开发变得方便
因为Vue.js有声明式，响应式的数据绑定，与组件化的开发，并且还使用了Virtual DOM这个看名字就觉得高大上的技术。
组件化开发
Vue.js通过组件，把一个单页应用中的各种模块拆分到一个一个单独的组件（component）中，我们只要先在父级应用中写好各种组件标签（占坑），并且在组件标签中写好要传入组件的参数（就像给函数传入参数一样，这个参数叫做组件的属性），然后再分别写好各种组件的实现（填坑），然后整个应用就算做完了。
Virtual DOM
原生的JavaScript DOM操作函数对DOM进行频繁操作的时候，浏览器要不停的渲染新的DOM树，导致页面看起来非常卡顿。虚拟DOM可以最小化操作dom，从而避免了性能损耗。
