vue和react的区别

vue和react的区别:

一.定位:两者都是UI层的框架,vue是数据响应式的框架;

二.vue使用的语法是template,react使用的语法是JSX;

三.vue3.0推出了hooks:composition api(把零散各个的data和methods重复组合),react中有hooks;

四.UI更新原理:

vue是一个以数据响应式为核心的UI框架,它的核心思想是把所有数据放在一个对象里,你去操作这个对象,这个对象就会改变这个数据,监听这个改变,去改变这个UI;

react是指用一个函数表示一个组件,你把数据放进去,它就会把数据渲染到组件里面,我们在放数据的时候要做到不可变,如果你要更新,你不是改变之前的那个数据,而是新生成一个跟之前不一样的数据,这个数据塞到这个函数里面,函数会得到一个新的UI,这个新的UI跟之前的UI做一个dom-diff ,页面只更新变化的部分,这才是react的思想;

vue 的dom-diff 不是为了解决UI问题,从vue的角度来看,数据变了,只需要改变数据相关的UI,不需要diff,但是react需要diff,因为它是两个不同的data,它需要diff一下,才知道哪里变了;

五.vue中有keep-alive:路由切换会帮你把数据保存,如保存滚动条的高度,切换回来,仍在原来的位置;react中没有keep-alive,路由切换,你需要手动保存数据,不保存,切换回来数据就没有了,如路由切换回来就回到了顶端;

六.社区文化不同:vue把所有主要的功能都提供了,如vuex,vue-router;react提倡自己去找库,如redux,react-router;

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • React和Vue的相似之处1.他们都是JavaScript的框架,专注于创造前端的富应用 2.不同于早期的Jav...
    soo伟阅读 271评论 0 0
  • Vue 和 React 的区别 一、相同点 都将注意力集中在核心库,而将其他功能如路由和全局状态管理交给相关库。 ...
    caiyiii阅读 550评论 0 5
  • 简介 Vue和React都属于前端开发热门框架,React是facebook创建的javascript UI框架,...
    Poiey阅读 144评论 0 0
  • 2016年React巩固了它作为前端框架之王的地位,这一年中可以看到它在Web端和移动端的快速成长,同时稳稳领先于...
    Charlot阅读 5,383评论 0 6
  • 1.设计思想 vue的官网中说它是一款渐进式框架,采用自底向上增量开发的设计。 react主张函数式编程,所以推崇...
    WarmladyYY阅读 685评论 0 0