美文网首页
vue和react框架 比较

vue和react框架 比较

作者: 晓丽_c080 | 来源:发表于2020-03-27 16:46 被阅读0次

1.生命周期

每个vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期。

2.框架模式

vue - 本质是 MVVM 框架,由 MVC 发展而来

React - 本质是前端组件化框架,不是一个完整的MVC框架,可以认为是MVC中的V(View)

3.相同点 不同点

1、 都支持服务器端渲染

2、 都有Virtual DOM(虚拟dom),组件化开发,都有‘props’的概念,这是properties的简写。props在组件中是一个特殊的属性,允许父组件往子组件传送数据,都实现webComponent规范

3 、数据驱动视图

4 、构建工具

React和Vue都有自己的构建工具,你可以使用它快速搭建开发环境。React可以使用Create React App (CRA),而Vue对应的则是vue-cli。两个工具都能让你得到一个根据最佳实践设置的项目模板。都有管理状态,React有redux,Vue有自己的Vuex(自适应vue,量身定做)

二、区别

设计思想

react

1 、函数式思想,all in js ,jsx语法,js操控css

2、 单项数据流

3、 setState重新渲染

4 、每当应用的状态被改变时,全部子组件都会重新渲染。当然,这可以通过shouldComponentUpdate这个生命周期方法来进行控制,如果为true继续渲染、false不渲染,但Vue将此视为默认的优化。

vue

1 、响应式思想,也就是基于数据可变的。把html、js、css、组合到一起,也可以通过标签引擎组合到一个页面中

2、 双向绑定,每一个属性都需要建立watch监听(页面不用,涉及到组件更新的话需要)

3、 Vue宣称可以更快地计算出Virtual DOM的差异,这是由于它在渲染过程中,会跟踪每一个组件的依赖关系,不需要重新渲染整个组件树

6. 现在

react ----大型项目

优化需要手动去做,状态可控

vue ------中小型项目

状态改变需要watch监听,数据量太大的话会卡顿

时间线再往前,Vue/React 很火,还有对应的 UI 组件库,但是,这些 JS 框架真的只有在中后台项目才能体现其优点,数据交互量大,增删改查频繁,对页面性能要求不高,对视觉要求也不高,功能至上,反正自己人用。

相关文章

  • vue和react框架 比较

    1.生命周期 每个vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期。 2.框架模式 ...

  • 前端面试-vue

    1.了解vue和react吗?介绍一下。 vue和react都是主流的框架。vue : 脚手架vue-cli、路由...

  • 前端面试题

    1.了解vue和react吗?介绍一下。 vue和react都是主流的框架。vue : 脚手架vue-cli、路由...

  • Mac OS下搭建Vue开发环境

    前言 原来一直学习使用React,现在因为工作的需要,对Vue进行学习和使用,现在比较流行的框架React,ang...

  • webpack5 高级配置

    虽然在日常开发中,我们使用vue和react框架,它们的脚本架vue-cli和react-react-app会帮我...

  • angular系列学习笔记(一)-聊聊angular的基础

    现前端框架情况, angular、vue(比较火)、react。react因前段时间license协议,百度要求内...

  • vue和其它框架的对比

    React、Vue、Angular比较 相同之处: React和vue: 使用Virtual Dom 提供响应式和...

  • Vue与React的区别

    简介 Vue和React都属于前端开发热门框架,React是facebook创建的javascript UI框架,...

  • 第一天学习Vue.js

    Vue.js是一款渐进式的框架,Vue相对于市面上流行的React和Angular,入门比较简单 。 Vue.js...

  • vue react 前端框架比较

    框架比较 AngularMVW框架MIT license VueMVVM框架MIT license React V...

网友评论

      本文标题:vue和react框架 比较

      本文链接:https://www.haomeiwen.com/subject/jsdmehtx.html