扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
这篇文章给大家介绍面试题:react和vue有什么不同,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。
成都创新互联坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都做网站、成都网站制作、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的新安网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!首先,来说明下这些字母代表的含义
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有什么不同就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流