三大主流框架对比_图表化输出前端框架对比

一、Vue、angular、react三大主流框架对比
1、与angular 相比
api简单，快速上手，学习成本低；
anguar 使用双向绑定，Vue也支持双向绑定，不过为单向数据流，数据从父组件单向传给子组件
Vue.js 中指令和组件分得更清晰。指令只封装DOM操作，而组件代表一个自给自足的独立单位，有自己的视图和数据逻辑。在anguar中两者有不少相混的地方
anguar 的脏检查机制，造成了如果项目庞大之后性能降低问题；每次更新数据，都导致所有的数据绑定，进行移一次遍历
Vue 的数据变化更新是根据依赖追踪的观察系统并且异步列队去更新，数据变化都是独立的触发队列中相应的事件；
渲染层创建虚拟dom（轻量级，2.0），减少了内存开销和加快了渲染速度；
组件式开发，每一个组件都具有生命周期，便于自己状态的维护；实现了代码的高复用性
2、与react 相比
共同点
1、使用 Virtual DOM
2、提供了响应式和组件化的视图组件
3、将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库
优势：
1、vue的更行渲染过程是自动追踪的，而react 如果想要提高更新的性能需要通过 shouldComponentUpdate钩子函数对接数据进行对比；
2、对于组件的语法，在vue中即可以支持jsx语法，将css和html都写入js文件中，又可以使用template模板进行编译。在vue中退浆使用template 模板进行编译，减少学习成本，更符合前端开发语法，而react 仅仅支持jsx语法，
jsx的优点:
1、开发工具对jsx的支持比其他的vue模板更先进
2、对css支持
缺点:
1、vue中可以直接在style中写css语法，可以支持媒体查询等等一切css 属性，并且可以通过css样式的隔离，只能写入js文件中，比较简单的样式可以进行支付，但是如果比较复杂的则无法支持
2、Vue总结
缺点:
1、mvvm的开发模式，从dom中解脱出来，双向数据绑定；
2、数据更新采用异步事件机制
3、采用单向数据流
4、组件式开发
5、采用虚拟dom
6、支持模板和jsx两种开发模式
7、可以进行服务端渲染
8、可以进行服务端渲染
缺点:
1、不兼容ie8以下版本
1、生态圈不繁荣，开源社区不活跃