Vue教程：简述对Vue的简单认识
Vue教程：简述对Vue的简单认识
什么是 Vue.js 呢？官方定义它为渐进式 JavaScript 框架，其实就是一个轻量级的用于操作视图的框架，视图这里指的就是页面。
先简单说一下 DOM 这个概念，我们之所以能看到多彩的页面，都是归功于 DOM ，浏览器引擎通过自己的规则，构建出 DOM 树，然后渲染页面，所以简单点理解页面每一个元素就是 DOM 的一个节点，下图是 Chrome 浏览器的渲染过程，可以有一个直观的理解：
JQuery想必大家都知道吧，他是前后端开发者都会使用的一门技术。一个常用的赋值语句如下：
$("#test").text("Hello world!");
上述语法的意思是，把 DOM 上面 id 标记为 test 节点赋值 Hello World 内容。当然前提是得有一个 html 页面，里面定义了这个内容。如果 DOM 节点内容发生变化，同时会重新执行上面图里面的流程，重新的组织、渲染页面。
其实 Vue 和 JQuery 的 原理一样都是通过修改 DOM 改变页面，只是JQuery 需要我们自己去识别，定位然后修改 DOM，而 Vue 让我们只需要关心js的逻辑，他去关心怎么渲染就好了。同时， Vue 引入了 Virtual DOM 的概念，通过算法可以做到局部渲染DOM，这样大大的提高了浏览器的渲染性能。
学习一门技术最好的方式莫过读他的官方文档：https://cn.vuejs.org/ 。仅看文档的话还是比较困难的，刚开始还行看到后面就会看不懂。所以建议视频+文档的学习方式就非常不错，当然像慕课网、网易云课堂等都有很好的学习资源。
参考：