您的位置是:网站首页>Javascript编程Javascript编程

vue和react本质的区别是什么

少儿编程网2021-04-08 17:18:40Javascript编程 人已围观 来源:少儿编程 -用户投稿

简介vue和react本质的区别是模板和组件化的区别;Vue本质是MVVM框架,由MVC发展而来,而React是前端组件化框架,由后端组件化发展而来。本文操作环境:windows7系统、react17.0.1&&vue2.0版本、DellG3电脑。Vue和React两个JavaScrip

vue和react本质的区别是模板和组件化的区别;Vue本质是MVVM框架,由MVC发展而来,而React是前端组件化框架,由后端组件化发展而来。8kc少儿编程网-https://www.pxcodes.com

8kc少儿编程网-https://www.pxcodes.com

本文操作环境:windows7系统、react17.0.1&&vue2.0版本、Dell G3电脑。8kc少儿编程网-https://www.pxcodes.com

Vue和React两个JavaScript框架都是当下比较受欢迎的,他们两者之间有什么区别?8kc少儿编程网-https://www.pxcodes.com

Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。8kc少儿编程网-https://www.pxcodes.com

React是一个用于构建用户界面的开源JavaScript库,主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。8kc少儿编程网-https://www.pxcodes.com

React视图通常采用包含以自定义HTML标记规定的其他组件的组件渲染。React为程序员提供了一种子组件不能直接影响外层组件("data flows down")的模型,数据改变时对HTML文档的有效更新,和现代单页应用中组件之间干净的分离。8kc少儿编程网-https://www.pxcodes.com

vue和react的区别8kc少儿编程网-https://www.pxcodes.com

vue和react的本质的区别:模板和组件化的区别8kc少儿编程网-https://www.pxcodes.com

Vue本质是MVVM框架,由MVC发展而来;8kc少儿编程网-https://www.pxcodes.com

React是前端组件化框架,由后端组件化发展而来;8kc少儿编程网-https://www.pxcodes.com

数据流的不同:8kc少儿编程网-https://www.pxcodes.com

vue双向数据流 React 单向响应数据流8kc少儿编程网-https://www.pxcodes.com

监听数据变化的实现原理不同8kc少儿编程网-https://www.pxcodes.com

Vue 通过 getter/setter 以及一些函数的劫持,能精确知道数据变化,不需要特别的优化就能达到很好的性能8kc少儿编程网-https://www.pxcodes.com

React 默认是通过比较引用的方式进行的,如果不优化(PureComponent/shouldComponentUpdate)可能导致大量不必要的VDOM的重新渲染8kc少儿编程网-https://www.pxcodes.com

为什么 React 不精确监听数据变化呢?这是因为 Vue 和 React 设计理念上的区别,Vue 使用的是可变数据,而React更强调数据的不可变。所以应该说没有好坏之分,Vue更加简单,而React构建大型应用的时候更加鲁棒。8kc少儿编程网-https://www.pxcodes.com

因为一般都会用一个数据层的框架比如 Vuex 和 Redux,所以这部分不作过多解释,在**后的 vuex 和 redux的区别 中也会讲到。8kc少儿编程网-https://www.pxcodes.com

推荐:《js基础教程》

以上就是vue和react本质的区别是什么的详细内容,更多请关注少儿编程网其它相关文章!8kc少儿编程网-https://www.pxcodes.com

来源:php中文网8kc少儿编程网-https://www.pxcodes.com


相关文章:

支持一下 ( )

vue和react本质的区别是什么

      匿名评论
    • 评论
    人参与,条评论
    vue和react本质的区别是什么

微信公众号

免费视频教程

先知道