对比他们 ,你就必须要先理解他们三个的定义,用途,优缺点。现在我就大概的介绍一下。
首先,了解Vue,你肯定得知道一个人,那就是Vue的创作者尤雨溪。Vue呢,它是一个"MVVM框架(库)",比较容易上手,是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。提到了MVVM,我就再说一下它是个什么。
提到MVVM就又得说一下MVC,
m
model 模型 指 数据v
view 试图 指 页面c
constroller 控制器 指 业务逻辑(简单的理解就是一个流程,主页面--筛选---购买种类--数量--购买)
总结 从页面触发, 首先客户在页面进行,向c请求自己需要的数据,c再向m请求数据
m把数据传给c c再传向页面
m v vm 数据 页面 组件 在mvc基础上,把每块的功能拆分开,更容易维护和使用
MVVM是真正将页面与数据逻辑分离的模式,在开发模式上,它是真正将前台代码开发者与后台代码开发者分离的模式。
Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或已有项目结合。Vue的目标是通过尽可能简单的API实现“响应的数据绑定”和组合的视图组件。
下面咱们开始react,
React呢,是一个采用声明式,高效而且灵活的用来构建用户界面的框架。以redux为状态管理。使用jsx渲染页面。
因为对angular,reactu是特别懂,所以,现在我介绍三者区别,有精通两者的,希望可以给我讲解。
vue与angular的区别呢
vue简单小巧,运行速度都比angular快,
这两个绑定都可以用{{}};
vue的指令是v-xxx;angular的指令是ng-xxx;
vue的数据放在data这个对象中,angular数据绑定在$scrope上;
vue有组件化概念,angular没有。
vue与React的区别
都是用虚拟DOM;
都提供了响应式和组件化的视图组件;
注意力都集中保持在核心库;
都有配套的路由和负责处理全局状态管理的库;
React使用JSX渲染页面,vue使用简单的模板;
vue运行的速度更快。
上面提到了响应式和组件化,我也大概的介绍一下这两个,
响应式
自适应响应式布局,从最早的不同分辨率的屏幕,到现在遍布各个生活角落的移动设备,响应式布局已经成了几乎所有互联网公司必备的条件。在我的映像中,bootstrap一直是响应式的头号选择,的确,其中的各种xl,xs,栅格布局让响应式变得很容易。
话说,这Vue做响应式,其实一点都不复杂:一个生命周期钩子,一个条指令,一套js判断语句解决。(时间问题,下次写例子)
组件化
因为现在移动端的兴起,前端页面的逻辑已经变得很重了,一个页面的代码超过5000行的场景渐渐增多,作为一个程序员我也很是苦恼,这个时候页面的维护便会很有问题,牵一发而动全身的事情会经常发生,为了解决这个问题,便出现了前端组件化,这个组件化就不是UI组件了,而是包含具体业务的业务组件。
这种开发的思想其实也就是分而治之(最重要的架构思想,一切都是组件),APP分成多个频道由各个团队维护,频道分为多个页面由几个开发维护,页面逻辑过于复杂,便将页面分为很多个业务组件模块分而治之,这样的话维护人员每次只需要改动对应的模块即可,以达到最大程度的降低开发难度与维护成本的效果,所以现在比较好的框架都会对组件化作一定程度的实现。
总结:
vue | React | angular | |
---|---|---|---|
控制器 | 无 | 无 | 有 |
过滤器 | 无 | 无 | 有 |
指令 | 有 | 无 | 有 |
渲染指令 | 有 | 无 | 有 |
数据绑定 | 双向 | 单向 | 双向 |
更多web前端开发知识,请查阅 HTML中文网 !!
以上就是vue、angular和react这三者框架的区别是什么?的详细内容,更多请关注易知道|edz.cc其它相关文章!