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的概念很舒服,框架的很规范,但是代码量多了之后,就会显得整个项目很臃肿,一点都不灵活。
作者有幸维护过一个称为“屎山”的angular1.x项目,因为经过上百次(大概有)的需求迭代后,每个controller的代码超过2000行,每次修bug和写新需求,都需要维护很多方方面面的东西。
然后我们来了解下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)在很多地方都可以直接引入调用。
ps:vue和React两者的区别和共同点
两者的本质区别
1.vue本质是MVVM框架,是由MVC发展而来。
2.React本质是前端组件化框架,是由后端组件化发展而来。
模板的区别
1.vue使用模板--(最初由angular提出)
<div> <h1 v-if="ok">Yes</h1> <h1 v-else>No</h1> </div>
2.React使用JSX模板,现在已经趋向标准化,完全可以独立出来使用。
<div> {ok"color: #ff0000">总结以上所述是小编给大家介绍的面试题:react和vue的区别分析,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
更新动态
- 凤飞飞《我们的主题曲》飞跃制作[正版原抓WAV+CUE]
- 刘嘉亮《亮情歌2》[WAV+CUE][1G]
- 红馆40·谭咏麟《歌者恋歌浓情30年演唱会》3CD[低速原抓WAV+CUE][1.8G]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[320K/MP3][193.25MB]
- 【轻音乐】曼托凡尼乐团《精选辑》2CD.1998[FLAC+CUE整轨]
- 邝美云《心中有爱》1989年香港DMIJP版1MTO东芝首版[WAV+CUE]
- 群星《情叹-发烧女声DSD》天籁女声发烧碟[WAV+CUE]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[FLAC/分轨][748.03MB]
- 理想混蛋《Origin Sessions》[320K/MP3][37.47MB]
- 公馆青少年《我其实一点都不酷》[320K/MP3][78.78MB]
- 群星《情叹-发烧男声DSD》最值得珍藏的完美男声[WAV+CUE]
- 群星《国韵飘香·贵妃醉酒HQCD黑胶王》2CD[WAV]
- 卫兰《DAUGHTER》【低速原抓WAV+CUE】
- 公馆青少年《我其实一点都不酷》[FLAC/分轨][398.22MB]
- ZWEI《迟暮的花 (Explicit)》[320K/MP3][57.16MB]