侧边栏壁纸
博主头像
woku博主等级

成功的路上并不拥挤

  • 累计撰写 50 篇文章
  • 累计创建 13 个标签
  • 累计收到 3 条评论
vue

vue和react,angular之间的区别

woku
2022-03-06 / 0 评论 / 0 点赞 / 167 阅读 / 888 字

Vue

官方定义:

是一套用于构建用户界面的渐进式框架,Vue 被设计为可以自底向上逐层应用
Vue 的核心库只关注视图层

渐进式(Progressive Framework)

所谓的渐进,就是逐层往上,vue本身关注用户界面view层,将数据渲染到页面上去。这就是他最核心的关注点。

往上,vue官方提供了vuex, vue-router,ssr等周边的小型库(Micro Libs)

如果需要,就集成。这就是渐进式。简单的说,就是把用户界面层的事情做好,其他的你需要官方给你提供了,你可以选择性的集成。

React

官方定义:

用于构建用户界面的 JavaScript 库

从官方定义可以看出,react也是关注用户界面,但是官方不提供状态中央管理,路由的这些。

如果要使用它们,需要使用Redux, react-router(不是官方提供的)

Angular

官方定义:

Angular 是一个应用设计框架与开发平台,用于创建高效、复杂、精致的单页面应用。

angular是一个综合性框架,是一个开发平台,集成了很多项目中用到的东西。基于项目应用

从上到下的一个设计模式。

从需求出发,把项目中用到的东西全部集成进来,从上开始

其他的小东西一点点的优化,往下推进。正是由于这一特点,常用于开发大型项目。

Vue和其他框架简单对比

相同点不同点
Vue-React关注用户界面(view)Vue有渐进式,React官方不提供周边
Vue-Angular代码强规范(有严格的体系)Vue自下而上,Angular自上而下

数据绑定和数据流

数据绑定

数据与页面渲染之间的关系

  • 第一种关系:(双向数据绑定)Vue

    数据改变 -> 视图渲染

    视图改变 -> 数据变更

  • 第二种关系:(单向数据绑定)React

    数据改变 -> 视图渲染

    视图改变了,必须要通过event来改变数据,然后进行视图渲染。

数据流

指数据流动的方向。在父子组件中,数据按照怎么的方式进行流动

Vue/React中的单向数据流:父组件data -> 子组件props

子组件中的 props是不能进行变更的,不能从子->父,要变更只能是父组件自己变更数据,通过props传到子组件。

0

评论区