课程咨询: 400-996-5531 / 投诉建议: 400-111-8989
认真做教育 专心促就业
我们在学习web前端编程开发语言过程中会接触到很多的开发框架和js框架等内容。而今天我们就用其中比较常见的三种做一个简单的对比,下面就开始今天的主要内容吧。
优势
vue
1.采用MVVM框架模式
2.轻量级的框架,学习成本低
3.现在比较普及的vue cli(2.0/3.0)双向数据绑定(object.defineProperty)
4.有自己的指令(v-model),还可以自定义指令(v-xxx)
5.组件化开发
6.双向数据流
7.数据集中管理(vueX)
8.生命周期、路由、路由的生命周期
react
1.采用MVC框架
2.操作的是虚拟dom(jsx语法),极速的渲染性能
3.项目结构清晰
4.组件化开发
5.生命周期、路由
6.组件化开发 组件特性(props/state/setState())
7.数据集中管理器 redux、react-redux等
8.单向数据流
angular
1.采用MVC框架
2.良好的结构程序
3.双向数据绑定(脏检查机制)
4.指令
5.适合开发大型项目
6.依赖注入 通过依赖注入$scope可以对控制器等注入一些服务。
劣势
vue
1.不支持低版本浏览器(IE8及以下,双向数据绑定会失灵)
2.次加载页面耗时较长
3.不适合大型项目开发
react
1.目标是UI组件
2.不适合采用react框架独立开发一整套项目
3.三方的依赖库少,不适合做大型项目
angular
1.验证信息等类似功能薄弱,需要写很多的模板,不能嵌套多个视图,就算采用angular-ui/ui-router解决这个问题,但是这样做对URL控制性差,并且必须得是嵌套式,
2.学习成本高
3.不适合做中小型项目
三者的区别
vue :双向数据流,vuex集中管理数据,有指令且能自定义指令,双向数据绑定
react :单项数据流,操作虚拟dom,redux集中管理数据,无指令
angular :单项数据流,性能稍差于另外两个框架,学习成本高,双向数据绑定原理不同于vue
三者适合的项目类型
vue :适合中小型项目
react :适合中小型项目
angular :适合大型项目
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!