面试官 react什么意思 _生活经验

文章插图
react和vue是什么？有什么区别吗？
三大框架之二，大家应该都不会陌生，都有学习过或者开发中使用。
但是他们到底有啥区别呢？这个就是我们这篇文章所需探讨并学习的。
开始！
MVC 和 MVVM
首先，来说明下这些字母代表的含义

M：Model 模型
V：View 视图
C：Controller 控制器
VM：ViewModel 视图模型

首先说下MVC，大家肯定也知道三大框架中的另外一个（anuglar）。
如果你写过angular那就肯定能很清楚的了解这个含义，看如下代码：
<input ng-model="ball.basketball" />.contronller('BallController', ($scope) => { const ball = { basketball: '我是蔡徐坤' }$scope.ball = ball})input标签很好理解，就是MVC中的V（view）视图。
controller顾名思义，就是MVC中的C（controller）控制器。
ball的话就是MVC中的M（model）模型。
MVC的概念很简单，你要展示一个篮球的页面：设置一个篮球的模型放在那等待使用。写一个你需要展示篮球的视图。使用控制器来让模型和视图交互。看起来MVC的概念很舒服，框架的很规范，但是代码量多了之后，就会显得整个项目很臃肿，一点都不灵活。
然后我们来了解下MVVM 。
<input v-model="ball.basketball" />let vm = new Vue({data: {ball: {baskertball: '蔡徐坤就是我'}} })

M：Model 模型
V：View 视图
VM: ViewModel 视图模型

其实看代码就理解了，vm其实就是vue对象。它的功能就是绑定到view上， Model里的篮球不管更新，还是做其他操作，都会通过vm来通知派发至view 。
这样做的好处呢，第一点，一个业务逻辑你就不用写很多遍。类似一个shopcart的功能，你把它的封装成一个组件（ViewModel）在很多地方都可以直接引入调用。
他们的区别:
相同点：
1 ，都是用了Virtual DOM 。
2，都提供了响应式和组件化的视图组件。
3，都将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关库。
不同点：
1，React中，当某组件的状态发生改变时，它会以该组件为根，重新渲染整个组件子树，而在Vue中，组件的依赖是在渲染的过程中自动追踪的，所以系统能准确知晓哪个组件确实需要被重新渲染。
2，Vue的路由库和状态管理库都由官方维护支持且与核心库同步更新，而React选择把这些问题交给社区维护，因此生态更丰富。
3，Vue-cli脚手架可进行配置
react和vue有什么区别吗？你可以这样说！

引出mvc和mvvm的概念。
讲解react和vue的底层思想。
说出他们的优点和缺点。
实践：你在xx项目中，因为xx问题所以选择xx框架。
最后说出结论。

例如：
1.mvc和mvvm具体是指xxxxxxx，他们的区别是xxxx ，各方的优缺点xxxx 。
2.vue的底层是用xxxx实现的，另外碰到数组的话因为有xx缺陷，vue的底层是重写了关于数组的八个函数等等。
3.react的jsx功能强大，灵活性强，但是代码必须要规范，每个人都有自己的代码风格。
4.因为项目的迭代更新很快，便于多人开发，所以我选择的是xx框架。
5其实用任何框架都要根据真实环境下的各种因素结合，并不是哪个框架就是强无敌，拿起来直接黏贴复制一把梭的。
作者：Kev1nzh
链接：https://juejin.im/post/5ca6fd2f6fb9a05e643def4f
【面试官 react什么意思】关注公众号：前端冒险指南，对话框回复关键字 “前端必备电子书合集”，免费领取经典编程书籍。