Vue 必须知道的一些概念

　　作者：尤雨溪

Vue.js 是一套构建用户界面的 渐进式框架。

　　 https://cn.vuejs.org/v2/guide/

Vue介绍：

　　特点：MVVM框架、双向数据绑定原理、数据驱动、易学、轻量、组件化、简洁、高效、模块友好

　　MVVM框架：Model（模型） View（视图） View Modle（视图数据）

　　　　V：html界面

　　　　M：存数据的

　　　　VM：通过视图去操作数据，也能通过数据操作视图（双向数据绑定），是数据和界面的调度者

　　拓展 MVC：Model View Control (模型、视图、控制器)

Vue和angular简单对比：

Vue----简单，易学，弱主张，只要会点html、css、js，加点vue的思想就能学会（自由）

　　指令以v-xxx，属性方法均挂在Vue的实例上，适用于移动端项目

angular---学习曲线陡峭，框架粘性很强（强主张）只要一开始用，那么这个项目就要一直用它，不能喝别的框架耦合。

　　指令以ng-xxx，属性方法均挂在$scope上，适用于pc端项目

均不支持IE8以下版本

vue 对比 react 的优势：

1. API设计上简单，语法简单，学习成本低

2. 基于依赖追踪的观察系统，并且异步队列更新

3. 简单的语法及项目搭建 ，更快的渲染速度和更小的体积

4. 渲染性能

　　渲染用户界面的时候，dom的操作成本是最高的，那为了尽可能的减少对dom的操作，Vue和React都利用虚拟DOM来实现这一点，但Vue的Virtual DOM实现（一个陷阱的叉子）的权重要轻得多，因此比React的引入开销更少。

　　Vue 和 React 也提供功能性组件，这些组件因为都是没有声明，没有实例化的，因此会花费更少的开销。当这些都用于关键性能的场景时，Vue 将会更快。

5. 更新性能

　　在react中，当一个组件的状态发生变化时，它将会引起整个组件的子树都进行重新渲染，从这个组件的根部开始。那为了避免子组件不必要的重新渲染，您需要随时使用shouldComponentUpdate，并使用不可变的数据结构。 在Vue中，组件的依赖关系在它的渲染期间被自动跟踪，因此系统准确地知道哪些组件实际上需要重新渲染。这就意味着在更新方面,vue也是快于React

6. 开发中

　　在开发中，Vue 每秒最高处理 10 帧，而 React 每秒最高处理不到 1 帧。这是由于 React 有大量的检查机制，这会让它提供许多有用的警告和错误提示信息。vue在实现这些检查时，也更加密切地关注了性能方面。