一、Vue

特性：
1、轻量级的框架
2、双向数据绑定
3、指令
4、插件化
优点：
(1) 轻量级的框架:

只关注视图层,是一个构建数据的视图集合,大小只有几十kb

(2) 双向数据绑定

(3) 组件化:

实现了html的封装和重用,在构建单页面应用方面有着独特的优势
优点：
1、提高开发效率
2、方便重复使用
3、简化调试步骤
4、提升整个项目的可维护性
5、便于协同开发

(4) 视图,数据,结构分离

数据的更改更为简单,不需要进行逻辑代码的修改,只需要操作数据就能完成相关操作

(5)虚拟dom

不再使用原生的dom操作节点,极大解放dom操作,但具体操作的还是dom不过是换了另一种方式

(6)各种指令;过滤器

1. v-text主要用来更新textContent，可以等同于JS的text属性。
2. v-html双大括号的方式会将数据解释为纯文本，而非HTML。为了输出真正的HTML，可以用v-html指令。它等同于JS的innerHtml属性。
3. v-if可以实现条件渲染，Vue会根据表达式的值的真假条件来渲染元素。
4. v-else是搭配v-if使用的，它必须紧跟在v-if或者v-else-if后面，否则不起作用。
5. v-show和v-if不同的是，如果v-if的值是false，则这个元素被销毁，不在dom中。但是v-show的元素会始终被渲染并保存在dom中，它只是简单的切换css的dispaly属性。
6. v-for指令根据遍历数组来进行渲染
7. v-bind用来动态的绑定一个或者多个特性。没有参数时，可以绑定到一个包含键值对的对象。常用于动态绑定class和style。以及href等。简写为一个冒号【 ：】
8. v-model指令用于在表单上创建双向数据绑定。v-model会忽略所有表单元素的value、checked、selected特性的初始值。因为它选择Vue实例数据做为具体的值。
9. v-on主要用来监听dom事件，以便执行一些代码块。表达式可以是一个方法名。

说明：以上都是vue常用指令

（7）前后端分离

（8）单页面应用用户体验好
过滤器：
过滤器分为全局过滤器和本地过滤器
全局过滤器跨所有组件访问全局过滤器，而本地过滤器只允许你在其定义的组件内部使用
缺点：
不适于seo优化，而且封装的比较厉害，报错不明显，适合单人开发，适合中小型项目

二、React

优点：
(1)React速度很快

它并不直接对DOM进行操作，引入了一个叫做虚拟DOM的概念，安插在javascript逻辑和实际的DOM之间，性能好

(2)跨浏览器兼容

虚拟DOM帮助我们解决了跨浏览器问题，它为我们提供了标准化的API，甚至在IE8中都是没问题的。

(8)一切都是component：

代码更加模块化，重用代码更容易，可维护性高。

(9)单向数据流

Flux是一个用于在JavaScript应用中创建单向数据层的架构，它随着React视图库的开发而被Facebook概念化。

(10)同构、纯粹的javascript

因为搜索引擎的爬虫程序依赖的是服务端响应而不是JavaScript的执行，预渲染你的应用有助于搜索引擎优化。

(11)兼容性好

比如使用RequireJS来加载和打包，而Browserify和Webpack适用于构建大型应用。它们使得那些艰难的任务不再让人望而生畏。

缺点：
(1)不适合单独做一个完整的框架
React是目标是UI组件，通常可以和其它框架组合使用，目前并不适合单独做一个完整的框架。React 即使配上 Flux 的组合，也不能称之一个完整的框架，比如你想用Promise化的AJAX？对不起没有，自己找现成的库去。而且第三方组件远远不如Angular多。React本身只是一个V而已，所以如果是大型项目想要一套完整的框架的话，也许还需要引入Flux和route相关的东西。而Angular在这方面提供的东西比React多多了.
(2)大多数坑没踩出来

大概就是现在还太新了很难说将来有没有大的API变化，目前在大的稳定的项目上采用React的，我也就只知道有Yahoo的Email。所以现在很少有批评React的声音，也许不是他真的就没有坑，而是那些坑还没有被踩出来而已。

三、Vue和React区别

相同点：
1、Vue和其他框架一样，都有组件开发和虚拟dom
2、都支持props进行父子组件之间的数据通信
3、都支持数据驱动视图，不直接操作真实dom
4、都支持服务器端的 渲染
5、都支持native方案，React的react native_，Vue的WEEX
不同点：
1、Vue最大的优势，就是实现了数据的双向绑定，而React的数据流动是单向的。
2、React中是把html和css全都写进js中。而Vue采用的是模板，就是在html中写css和js，最后再用webpack和vue-loader进行打包，这种编3、码方式对于初学者而言是很舒服的
4、在React中要想更新状态，必须调用setState方法，而在Vue中只需要通过this的某种方式去更新state中的数据，这种方式更加方便
5、Vue会跟踪每一个组件的依赖关系，不需要重新渲染整个组件树
6、React严格上只针对MVC的view层，Vue是MVVM模式