美文网首页
vue 与 react 的区别

vue 与 react 的区别

作者: 小二儿上酒 | 来源:发表于2021-06-19 15:56 被阅读0次
  1. 设计思想不同

react 的设计思想是:函数式的思想,把组件设计成纯函数,状态和逻辑通过参数传入,通过单向数据流保证状态的统一化。 react 希望数据是不可变的。所以,结合 immutable 来实现数据不可变。 immutable 是一种持久化的数据,一旦被创建就不会被修改。如果修改了 immutable 对象,也是返回了一个新的 immutable, 但是原数据不变。

vue 的设计思想是:响应式的思想,也是基于数据是可变的,通过监听器 watcher 监听每一个属性的变化,实现虚拟 dom 的更新。 react的性能优化需要手动去做,而vue的性能优化是自动的。

当 state 特别多的时候,vue 的 watcher 响应也会使应用卡顿。而 react 不会有这个问题,这就是为什么 react 更适合大型的应用服务

  1. 模板处理方式不同

react 是 all - in -js, html css js 都统一到一个 js 文件中,所以,react 实现一个jsx模板引擎来处理文件

vue 是 html css js 分开的通过 template style script 来统一到一个 .vue 文件中

  1. 组件封装

react的高阶组件hoc进行封装,react提倡精度更细,纯渲染的的组件封装,也就是什么都交给js去做

vue使用mixins进行扩展

相关文章

  • 2020前端面试题二之vue

    1、vue与react的区别 vue和react的区别 两者本质的区别:模板和组件化的区别 Vue本质是MVVM框...

  • Vue与React的区别

    Vue与React两个框架的区别和优势对比

  • vue & react的区别

    vue & react 参考: 个人理解Vue和React区别Vue和React的使用场景和深度有何不同? vue...

  • vue和react 区别:

    vue和react 区别: 1、vue与react的对比,如何选型?从性能,生态圈,数据量,数据的传递上,作比较 ...

  • vue入门 vue与react和Angular的关系和区别

    vue入门 vue与react和Angular的关系和区别 一、为什么学习vue.js vue.js兼具angul...

  • vue入门 vue与react和Angular的关系和区别

    vue入门 vue与react和Angular的关系和区别 一、为什么学习vue.js vue.js兼具angul...

  • React面试题

    React 和 Vue 区别 1、React严格上是针对的是 mvc 中的 view 层 ,而Vue 是MVVM层...

  • Vue与React区别

    首先React与vue有几点相同之处 1.都使用了Virtual DOM 2.提供了响应式(Reactive)和组...

  • Vue与React的区别

    2016年React巩固了它作为前端框架之王的地位,这一年中可以看到它在Web端和移动端的快速成长,同时稳稳领先于...

  • Vue与React的区别

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

网友评论

      本文标题:vue 与 react 的区别

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