一.认识vue.js

什么是Vue.js?

1. 一款渐进式Javascript框架，基于虚拟DOM 方式减少不必要的DOM 操作， 降低DOM操作的复杂性，提高渲染。(渐进式：按需使用其功能特性；虚拟dom：用JS对象模拟DOM树，然后比较两棵虚拟DOM树的差异，最后把差异应用到真正的DOM树上）

2. 核心的特性MVVM (model：模型层，简单理解为数据；view：视图层，简单理解为html；viewModel：视图模型层，简单理解为数据和html相结合)

3. 使用的是单向数据流，双向绑定（单向数据流：model和view互不影响，如父子组件间传值；双向绑定：model和view相互影响，如用户填写表单）

Dom和虚拟Dom相比有什么不同

操作DOM时，浏览器会从构建DOM树开始从头到尾执行一遍流程，如果有10次的操作那么就会执行更新10次，而虚拟DOM不会立即操作DOM，而是将这10次更新的不同的内容先保存到本地一个JS对象中，最终将这个JS对象映射成真实的DOM，交由浏览器去绘制。