Vue、 React比较

关键词：MVVM（Model-View-VIewModel）数据模型双向绑定。视图的数据变化会同时修改数据资源，数据资源的变化也会立刻反应到视图View上。

一.vue.js

vue是一套构建用户界面的渐进式框架。采用自底向上的增量开发的设计。vue的核心在于只关注视图层，已于上手，便于和第三方库或既有项目整合。

二.React

react和vue有很多相似之处，它们都有：

① 使用virtual DOM

② 提供了响应式和组件化的视图组件

③ 将注意力几种保持在核心库，而将其他功能如路由和全局状态管理交给相关的库

三.二者的区别

在运行性能方面，react和vue都是非常快的。

优化方面：

在react应用中，当某个组件的状态发生变化时，它会以该组件为根，重新渲染整个组件子树。

如要避免不必要子组件的冲渲染，需要在所有可能得地方使用PureComponent，或者手动实现shouldComponentUpdate方法（默认为true）。

然而，使用 PureComponent 和 shouldComponentUpdate 时，需要保证该组件的整个子树的渲染输出都是由该组件的 props 所决定的。如果不符合这个情况，那么此类优化就会导致难以察觉的渲染结果不一致。这使得 React 中的组件优化伴随着相当的心智负担。

在 Vue 应用中，组件的依赖是在渲染过程中自动追踪的，所以系统能精确知晓哪个组件确实需要被重渲染。你可以理解为每一个组件都已经自动获得了 shouldComponentUpdate，并且没有上述的子树问题限制。

Vue 的这个特点使得开发者不再需要考虑此类优化，从而能够更好地专注于应用本身。

转载于:https://www.cnblogs.com/fancyLee/p/8029347.html

Vue、 React比较相关推荐

vue react 路由history模式刷新404问题解决方案
vue react 路由history模式刷新404问题解决方案参考文章: (1)vue react 路由history模式刷新404问题解决方案 (2)https://www.cnblogs.co ...
html时钟翻牌效果,干货满满!如何优雅简洁地实现时钟翻牌器(支持JS/Vue/React)
双十一剁手节过去了,大家应该在很多网页中看到了数字翻牌的效果吧,比如倒计时. 数字增长等.相信很多人都已经自己独立实现过了,我也在网上看了一些demo,发现HTML结构大多比较复杂,用了4个并列的标签 ...
（一）导学（前端框架面试-聚焦Vue/React/Webpack）
导学全面高效学习前提前端常见面试流程知识点介绍 Vue框架部分 React框架部分工具部分项目设计讲解方式注意事项全面全面的知识体系大量的面试真题完整的技术面试流程高效直 ...
[vue] 如果现在让你从vue/react/angularjs三个中选择一个，你会选哪个？说说你的理由
[vue] 如果现在让你从vue/react/angularjs三个中选择一个,你会选哪个?说说你的理由让我选肯定是vue.angularjs没用过.angular倒是用过.挺好用的,但是!!!编译 ...
react 图片放在src里面还是public_手写Webpack从0编译Vue/React项目
当前前端开发,90%的项目都是Vue和React,然而70%的同学都基于脚手架创建项目,因为脚手架会包含项目基本框架.webpack配置.scss/sass/less解析.babel配置.DevSer ...
react打包后图片丢失_手写Webpack从0编译Vue/React项目
当前前端开发,90%的项目都是Vue和React,然而70%的同学都基于脚手架创建项目,因为脚手架会包含项目基本框架.webpack配置.scss/sass/less解析.babel配置.DevSer ...
VUE React Angular
Typescript, ES6 & ES5 React 专注于使用 Javascript ES6 Vue 使用 Javascript ES5 或 ES6 Angular 依赖于 TypeScr ...
vue/react/web前端项目部署到阿里云服务器_nginx_pm2流程及部署前的准备
前端开发完成的项目,不管是使用vue.react.或者是别的web项目,最终都是要部署到外网上,让用户可以通过域名来访问.这篇文章以一个 react 移动端的项目为例,讲怎样将自己本地的项目部署到阿里 ...
Angular入门到精通系列教程（1） - Angular,Vue,React 选型
1. 概述总的来说一句话,如果你是老大,你可以选择用什么:如果你不是,那么,老大让用什么,你就用什么. 前端框架Angular,Vue,React三选一,没有第四种. (当然,如果只是一两个简单的页 ...
关于前端框架vue/react及UI框架的配合
介绍收集收集vue/react搭配UI框架的demo, 网络请求库常用axios 移动端h5 vite + vue3 + vant3 : https://gitee.com/WeiziPlus/mu ...

Vue、 React比较

Vue、 React比较相关推荐

最新文章

热门文章