【react】react和vue的最大区别

最新推荐文章于 2024-04-29 13:32:03 发布
最新推荐文章于 2024-04-29 13:32:03 发布
阅读量1k 收藏
点赞数
分类专栏： React 文章标签： react vue 差异 双向绑定 setter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dangbai01_/article/details/124032728
版权

一直都是两者都在用，现在基于自己的一些使用体验，说一下两者的本质区别

首先我们看vue：

vue最核心的部分就是它的双向绑定，
defineProperty和后来的Proxy
让getter搜集依赖，setter触发更新
等于是视图的更新，都交予了框架自己去完成

然后我们在看react：

react将setter外置，等于触发更新的时机可以coder自己决定
而且如果想用双向绑定也可以像vue一样实现一个类似的reactive
像ahooks里的useReactive
这样选择就变得就更多样，
然后在遇到更新频次问题的时候可以更受控
这也是为什么很多在线图表类的项目都是用react来写

以上，一些浅见，欢迎交流

当白
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
浅谈react和vue的区别
qq_44880532的博客
08-27 2011
在近期面试过程中，框架部分经常会遇到vue和react的对比,如此,在下整理一下react和vue的区别 数据可变性 react整体是函数式的思想，把组件设计成纯组件，状态和逻辑通过参数传入，所以在react中，是单向数据流，推崇结合immutable来实现数据不可变。react在setState之后会重新走渲染的流程，如果shouldComponentUpdate返回的是true，就继续渲染，如果返回了false，就不会重新渲染，PureComponent就是重写了shouldComponentUpd.
react中自定义hook--useReactive
weixin_42497122的博客
06-09 245
react自定义hook，定义响应式数据，直接修改状态
react 显示隐藏功能
m0_52743009的博客
09-26 754
姓名和手机号同时显示隐藏功能
Vue和React的区别_react和vue的区别
最新发布
2401_84434331的博客
04-29 495
小编综合了阿里的面试题做了一份前端面试题PDF文档，里面有面试题的详细解析开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
30行代码实现React双向绑定hook
梅花寺
05-18 506
Vue和MobX中的数据可响应给我们留下了深刻的印象，在React函数组件中我们也可以依赖hooks来实现一个简易好用的useReactive。 看一下我们的目标 const CountDemo = () => { const reactive = useReactive({ count: 0, }); return ( <div onClick={() => { reactive.count++; }} >
搞懂这12个Hooks，保证让你玩转React
祈澈菇凉
07-08 388
React Hooks的发布已经有三年多了，它给函数式组件带来了生命周期，现如今，Hooks逐渐取代class组件，相信各位 React 开发的小伙伴已经深有体会，然而你真的完全掌握hooks了吗？知道如何去做一个好的自定义hooks吗？我们知道React Hooks有useState设置变量，useEffect副作用，useRef来获取元素的所有属性，还有useMemo...
面试题：react和vue的区别分析
10-17
主要介绍了react和vue的区别分析，在面试中经常会遇到，小编通过实例文字相结合的形式给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
Vue和React有哪些区别
10-14
Vue 和 React 是两个非常流行的前端 JavaScript 框架，它们在设计哲学、数据绑定、组件通信、模板渲染等方面都有各自的特点。以下是对这些差异的详细解释： 1. 监听数据变化的实现原理： Vue 使用了 getter/setter...
react-vue：在React和React Native中运行Vue
02-05
React-Vue React-Vue旨在连接React和Vue。 这可以帮助您在React中运行Vue。 有三种用途。 将Vue的用于观察者React组件使用在React应用中运行Vue组件使用在React Native中运行Vue组件React系统由于Vue清晰的分层设计...
React 组件转 Vue 组件的命令写法
11-26
基于目前React和Vue比较火，开发react-to-vue 工具的目的是为了进一步提高组件的可复用用性，让组件复用不仅仅局限在一个框架里面 简介 对于react-to-vue工具，转化的是基本的react component，而不是全部的react...
useReactiveForm：React钩子，用于收集和验证表单数据，而无需重新渲染
02-13
useReactiveForm 声明性React钩子，用于收集和验证表单数据，而无需重新渲染。 链接： 安装： npm install use-reactive-form yarn add use-reactive-form 用法： 步骤1：描述初始值和界面。 interface IFormData = { user : string ; books: { title: string ; author: string ; } [ ] } const fields : IFormData = { user : '' , books : [ { title : '' ,
use-reactive-state:useReactiveState（）-React的useState（）的React性替代
05-02
useReactiveState() -React的useState()的React性替代 安装 $ npm install use-reactive-state 例子 // 'useReactiveState()' example // Interactive demo: https://codesandbox.io/s/busy-khorana-euf58 function Counter ( ) { const state = useReactiveState ( { count : 0 } ) ; return ( < div> < p> You clicked { state . count } times < / p > < button onClick = { ( ) => { state . count += 1 ; } } >
babel-plugin-transform-react-to-vue：将React组件转换为Vue组件（测试版）
01-30
yarn add babel-plugin-transform-react-to-vue --dev 用法 { "plugins" : [ "transform-react-to-vue" ] } 注意：如果您希望它与实验性ECMAScript功能（如class-properties ）一起使用，请将该插件与babel-plugin...
vue和react的区别
粥可温
09-07 3万+
如果想要一个轻量级，更快速，更现代的UI库来制作单页面应用程序应该选择Vue.js， 如果是大规模应用程序和移动应用程序的应该选择React。
面试官：谈谈Vue和React的区别？
热门推荐
程序员成长指北
03-29 3万+
在我之前写的localStorage与Vuex的区别 这篇文章中讲过关于这个类型的题目，其中分析过描述区别，就是求同存异的过程。那接下来我用同样的思路来解这道题目。首先找到 Vue 和 ...
React与Vue的区别
星河梦~的博客
03-25 7962
React与Vue的相同点 （1）都支持服务器渲染； （2）都是数据驱动视图； 在以前，我们需要频繁操作DOM实现页面效果。而Vue和React就隐藏了DOM的频繁操作，采用数据驱动视图的方式，只需要关注数据的变化。 （3）都遵循组件化思想； React和Vue都遵循组件化思想，它们把注意力放在UI层，将页面分成一一些细块，也就是组件，组件之间组合嵌套就形成最后的网页界面。 （4）都使用虚拟DOM； （5）都有状态管理； react有redux，vue有vuex。 不同点 （1）框架本质不同； Vue本质是
Vue 和 React 有什么不同？
fe_watermelon的博客
09-23 1万+
大家好，我是前端西瓜哥。今天的文章简单探讨一下 Vue 和 React 的不同。本人 Vue2 和 React 都用过，但不熟悉 Vue3，没用它做过项目。其实我对这两大框架也没有认真钻研过它们的细节，也就是工作上用它们写一些简单业务，或偶尔看看相关的博客文章，但还是有一些浅显的认识的，写下来记录一下。Vue 和 React 都是用于构建 UI 界面的流行框架。它们的哲学也有很多相似的地方，我们可以认为这些特性是流行前端框架的一个趋势。。
React与Vue的区别和对比
程序员良仔
02-21 3万+
前言 JavaScript是世界上最流行的语言之一，React和Vue是JS最流行的两个框架。但各有优缺点，本文将详细对比两大框架 目录前言1、框架背景2、框架简介3、框架共同点4、各自优势5、两者区别6、总结 1、框架背景 2、框架简介 3、框架共同点 4、各自优势 5、两者区别 6、总结 ...
Vue和react最大区别是什么
05-30
Vue和React都是流行的JavaScript框架，用于开发Web应用程序。它们都有许多共同点，比如都采用了组件化的思想、支持虚拟DOM等。但是，Vue和React也有一些不同之处，下面是一些比较显著的区别： 1. 模板 vs JSX：Vue使用模板语法来定义组件的结构和行为，而React使用JSX语法来定义组件。这意味着Vue的模板更加直观和易于理解，而React的JSX则更加灵活和强大，但需要一些学习成本。 2. 数据绑定：Vue使用双向数据绑定来实现数据的同步更新，而React则采用单向数据流的方式进行数据管理。这使得Vue在处理表单和用户输入时更加方便，但也可能导致性能问题。 3. 组件通信：Vue提供了多种不同的组件通信方式，比如props、事件和插槽等，而React则更加侧重于使用props和回调函数进行组件通信。 4. 状态管理：Vue内置了Vuex状态管理库，可以方便地管理应用程序的状态，而React则需要使用第三方状态管理库（比如Redux）来实现相同的功能。 需要注意的是，Vue和React都有其优缺点，具体使用哪种技术取决于您的具体需求和技术背景。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值