3分钟浅析:Vue 和 React 的区别

187 阅读2分钟

只是浅层的去解析,让大家能都快速的了解这两个有啥区别

  • 记录一下今天发生的事情,具体什么事情不方便说,值得大家思考
  • 今天下午,我跟另一位程序员交流,后面聊到 如何看待挤破头皮进大厂与安定在小型团队 这件事,这个问题很难回答,因为每个人的想法都不一样,进大厂固然好,但我的看法是 无所谓,就像思考人存在的意义,因为现实各种矛盾的存在,不一定能想出个结果来
  • 我觉得能做自己开心的事,进不进大厂也没太大关系呀,但我表达的不是 混口饭、吃饱饭,而是大家都有使自己开心的事情可以去做!即使未来 可能会 冲刷掉当下的 热情,但至少现在还有自己喜欢做的事,那么希望我们都能够充满热情地去干吧!

定位

Vue2React
定位UI 层框架UI 层框架
特征数据响应式单项数据流
语法Template / JSXJSX
UI 更新数据响应式 => DOM diffDOM diff
数据可变不可变
社区文化自家的库多自家库少

解析

  1. 「定位都差不多」都是用来处理 UI 层的框架。只不过 Vue 提倡 渐进式 处理 (把我的功能一点一点加上去,而不是一股脑的加上去);而 React 需要把以前的 JQuery 这些全部都去掉、重写,加入 Webpack、React、JSX/TSX,这样我们才能使用 React 开发

  2. 「语法差别大」Vue 推崇 模板 的写法,类似 HTML 标签,而 React 是在 JSX/TSX 语法实现插值

  3. 「生命周期」其他博客说到生命周期不同,我个人觉得,都差不多吧,都跟生物一样 生老病死,只是单词上不同

  4. 「更新机制」Vue 使用对数据进行监听,使数据更新更为准确、敏感;而 React 是让用户手动去 onChange/setState。

  5. 「性能差异」我在之前有总结过关于 DOM diff 博客:博客直通车 ;React 的话,会比较复杂,因为加了 fiber 架构;Vue 就是快!不知道 diff?那在终端敲一下 git diff 就知道大概是个啥了

直观感受

  • Vue 像自动挡的车:适应人,怎么舒服怎么来,躺着开都行,爽!

  • React 像手动挡的车:适应车,想发挥 AE86 的性能?你能配置好、操控好,那就起飞!


注意:这篇博客仅仅是浅析,并不深入!

买车就像选择 Vue 和 React,再怎么选择,也只是个框架,车再怎样,也只是个代步工具。

完。