vue、angular和react这三者框架的区别是什么?

vue、angular和react这三者框架的区别是什么?下面本篇文章给大家介绍一下。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

对比他们 ,你就必须要先理解他们三个的定义,用途,优缺点。现在我就大概的介绍一下。

首先,了解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
Reactangular
控制器
过滤器
指令
渲染指令
数据绑定双向单向双向

更多web前端开发知识,请查阅 HTML中文网 !!

以上就是vue、angular和react这三者框架的区别是什么?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » Angular.js 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏