美文网首页
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框架 比较

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