美文网首页
vue VS react

vue VS react

作者: littleyu | 来源:发表于2023-06-03 15:26 被阅读0次

基础:
vue 是双向绑定,MVVM
react 是单项数据流 ui = f(data)

进阶:
vue 早就不强调 MVVM,主要强调数据响应式(核心),也早就没有了双向绑定,全篇文档就只有 v-model 出现了这个词。
react 核心的函数式,(无副作用,引用透明,纯函数,数据不可变)这些词 vue 从来不会提到,绝对不会说,hook 是怎么实现在函数里实现状态

vue 是一个以数据响应式为核心的 ui 框架,她的核心思想是吧所有的数据放进一个对象,然后操作这个对象,对象被监听对改变以后去改变ui。
react 用一个函数来表示一个组件,你爸数据放进去,他就会把数据渲染进去,然后我们在放数据的时候,我们要做到数据不可变,不能像vue那样去改变之前的数据,而是新生成一个跟之前不一样的数据,然后塞到函数里,然后这个函数会生成新的 ui,之后通过 dom diff 对比这两个ui,得到一个patch,然后把这个patch更新到dom树立,
这个思想完全和vue不一样,有没有发现vue是不需要dom diff,数据一变去更新相关的ui就好了,为什么vue 也有dom diff呢?vue是为了解决另一个问题,server render 问题,解决模版优化的问题而不是 ui 的问题。react 是需要的,他得到的是两个不同的ui, 通过 diff 一下才知道那里需要更新。

定位:这俩定位是差不多的,都是处理 UI 层的,只不过 Vue 提倡渐进式处理,功能可以一点一点加上去,但是 React ,如果你要用,你需要重新写,需要加入 webpack jsx
写法:Vue 推崇模版语法,好像还是在写 HTML,而 React 完全相反,所有东西都写在 JS 里面,使用 JSX 语法, 但是 Vue 也可以用 JSX
Hooks:最新版的 Vue 有 Composion Api 和 react 的 hooks 差不多。
UI 更新策略:React 每次都会生成新的数据,通过 dom diff 来更新,而 Vue 是数据响应式,哪里变了哪里更新
文化:Vue 社区全家桶都准备好了,Vue-router,vuex,以前还有 vue-resource,现在没了,而 React,单纯的库,自己去社区找。

相关文章

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

    转自 http://caibaojian.com/vue-vs-react.html#commentsVue和Re...

  • vue vs react

    相似点: 1、使用 Virtual DOM 2、提供了响应式 (Reactive) 和组件化 (Composabl...

  • react VS vue

    1、相同点 a、都是单向数据流 b、都使用组件 c、都使用vdom,也都使用了diff算法 2、不同点 a、vue...

  • 67 个拯救前端开发者的工具、库和资源

    在本文中,我们不去谈 React、Angular、Vue 等等这些大的前端框架,也不谈 Atom、VS code、...

  • Angular vs Vue vs React

    近年来Angular、Vue、React是最受欢迎的前端三大框架。个人认为没有哪个是更好的,只有更适合当前项目和团...

  • [译]React 元素 vs React 组件 vs 组件支撑实

    本篇为译文,原文出处:React Elements vs React Components vs Componen...

  • react学习

    react vs vue 在组件myComponent中有类似于xml的文件,其实并不是xml,而是一种虚拟...

  • vue & react的区别

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

  • 自己看

    VS Code React Native, React Native Typescript, StyleSheet...

  • # JSBridge实战

    JSBridge实战 前言 H5 VS Native 一直是前端技术界争执不下的话题。react、vue等技术栈引...

网友评论

      本文标题:vue VS react

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