web 前端

Vue,React,Angular三者的区别

2019-03-26  本文已影响126人  萬wan事顺意

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

首先,了解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分成多个频道由各个团队维护,频道分为多个页面由几个开发维护,页面逻辑过于复杂,便将页面分为很多个业务组件模块分而治之,这样的话维护人员每次只需要改动对应的模块即可,以达到最大程度的降低开发难度与维护成本的效果,所以现在比较好的框架都会对组件化作一定程度的实现。

上一篇下一篇

猜你喜欢

热点阅读