这篇文章给大家介绍面试题：react和vue有什么不同，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。
创新互联是专业的江城网站建设公司，江城接单;提供成都做网站、网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行江城网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
首先，来说明下这些字母代表的含义
M：Model 模型
V：View 视图
C：Controller 控制器
VM：ViewModel 视图模型
首先说下MVC，大家肯定也知道三大框架中的另外一个（anuglar）。
如果你写过angular那就肯定能很清楚的了解这个含义，看如下代码：
.contronller('BallController', ($scope) => {
const ball = {
basketball: '我是蔡徐坤'
}
$scope.ball = ball
})
input标签很好理解，就是MVC中的V（view）视图。
controller顾名思义，就是MVC中的C（controller）控制器。
ball的话就是MVC中的M（model）模型。
MVC的概念很简单，你要展示一个篮球的页面。
设置一个篮球的模型放在那等待使用。
写一个你需要展示篮球的视图。
使用控制器来让模型和视图交互。
看起来MVC的概念很舒服，框架的很规范，但是代码量多了之后，就会显得整个项目很臃肿，一点都不灵活。
作者有幸维护过一个称为“屎山”的angular1.x项目，因为经过上百次（大概有）的需求迭代后，每个controller的代码超过2000行，每次修bug和写新需求，都需要维护很多方方面面的东西。
然后我们来了解下MVVM。
let vm = new Vue({
data: {
ball: {
baskertball: '蔡徐坤就是我'
}
}
})
M：Model 模型
V：View 视图
VM: ViewModel 视图模型
其实看代码就理解了，vm其实就是vue对象。它的功能就是绑定到view上，Model里的篮球不管更新，还是做其他操作，都会通过vm来通知派发至view。
这样做的好处呢，第一点，一个业务逻辑你就不用写很多遍。类似一个shopcart的功能，你把它的封装成一个组件（ViewModel）在很多地方都可以直接引入调用。
ps：vue和React两者的区别和共同点
两者的本质区别
1.vue本质是MVVM框架，是由MVC发展而来。
2.React本质是前端组件化框架，是由后端组件化发展而来。
模板的区别
1.vue使用模板--（最初由angular提出）
Yes
No
2.React使用JSX模板，现在已经趋向标准化，完全可以独立出来使用。
{ok?
Yes
:No
}
从学习成本来说：JSX模板更简单，只需要知道{ }里是js语法，vue模板v-if,v-else指令需要学习。
从模板逻辑分离角度考虑：JSX模板和JS逻辑混在一起，没有分开，容易造成混乱。
3.组件化的区别
React本身就是组件化，没有组件化就不是React
vue也支持组件化，不过是在MVVM上的扩展
4.两者的共同点
都支持组件化
都是数据驱动视图
关于面试题：react和vue有什么不同就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。
网站栏目：面试题：react和vue有什么不同
本文来源：
http://bzwzjz.com/article/jjhgoo.html
