Node(后端)中的MVC與前端中的MVVM之間的區(qū)別（筆記）

MVC是后端的分層開發(fā)概念，在之前接觸過的YII2.0的時候，其也是使用了MVC的模式的
MVVM是前端視圖的概念肮柜，主要關(guān)注于視圖層分離檬嘀，也就是說，MVVM把前端的視圖層握侧，分為了三部分Model蚯瞧、View、ViewModel

MVC和MVVM的關(guān)系大體如下圖所示：

01.MVC和MVVM的關(guān)系圖解.png

從上圖可以看出：

• M:model品擎，也就是Vue對象中的data埋合，這里的M保存的是每個頁面中單獨的數(shù)據(jù)
• V:view，也就是HTML網(wǎng)頁代碼萄传，就是每個頁面的HTML結(jié)構(gòu)
• VM:ViewModel甚颂，它是一個調(diào)度者，分割了M和V盲再，每當(dāng)V層想要獲取后保存數(shù)據(jù)的時候西设，都要由VM做中間的處理

---

以上就是我初步學(xué)習(xí)VUE.JS后對MVC和MVVM之間的區(qū)別的一點學(xué)習(xí)筆記和理解，如有錯誤歡迎評論指出

• 人面猴

  序言：七十年代末答朋，一起剝皮案震驚了整個濱河市贷揽，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌梦碗，老刑警劉巖禽绪，帶你破解...

  沈念sama閱讀 216,402評論 6贊 499
• 死咒

  序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場離奇詭異洪规，居然都是意外死亡印屁，警方通過查閱死者的電腦和手機(jī)，發(fā)現(xiàn)死者居然都...

  沈念sama閱讀 92,377評論 3贊 392
• 救了他兩次的神仙讓他今天三更去死

  文/潘曉璐 我一進(jìn)店門斩例，熙熙樓的掌柜王于貴愁眉苦臉地迎上來雄人，“玉大人，你說我怎么就攤上這事念赶〈∧疲” “怎么了？”我有些...

  開封第一講書人閱讀 162,483評論 0贊 353
• 道士緝兇錄：失蹤的賣姜人

  文/不壞的土叔 我叫張陵叉谜，是天一觀的道長旗吁。 經(jīng)常有香客問我，道長停局，這世上最難降的妖魔是什么很钓？ 我笑而不...

  開封第一講書人閱讀 58,165評論 1贊 292
• ?港島之戀（遺憾婚禮）

  正文 為了忘掉前任香府，我火速辦了婚禮，結(jié)果婚禮上码倦，老公的妹妹穿的比我還像新娘企孩。我一直安慰自己，他們只是感情好叹洲，可當(dāng)我...

  茶點故事閱讀 67,176評論 6贊 388
• 惡毒庶女頂嫁案：這布局不是一般人想出來的

  文/花漫 我一把揭開白布柠硕。 她就那樣靜靜地躺著，像睡著了一般运提。 火紅的嫁衣襯著肌膚如雪蝗柔。 梳的紋絲不亂的頭發(fā)上，一...

  開封第一講書人閱讀 51,146評論 1贊 297
• 城市分裂傳說

  那天民泵，我揣著相機(jī)與錄音癣丧，去河邊找鬼。 笑死栈妆，一個胖子當(dāng)著我的面吹牛胁编，可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播鳞尔，決...

  沈念sama閱讀 40,032評論 3贊 417
• 雙鴛鴦連環(huán)套：你想象不到人心有多黑

  文/蒼蘭香墨 我猛地睜開眼嬉橙，長吁一口氣：“原來是場噩夢啊……” “哼！你這毒婦竟也來了寥假？” 一聲冷哼從身側(cè)響起市框，我...

  開封第一講書人閱讀 38,896評論 0贊 274
• 萬榮殺人案實錄

  序言：老撾萬榮一對情侶失蹤，失蹤者是張志新（化名）和其女友劉穎糕韧，沒想到半個月后枫振，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體，經(jīng)...

  沈念sama閱讀 45,311評論 1贊 310
• ?護(hù)林員之死

  正文 獨居荒郊野嶺守林人離奇死亡萤彩，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...

  茶點故事閱讀 37,536評論 2贊 332
• ?白月光啟示錄

  正文 我和宋清朗相戀三年粪滤，在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片雀扶。...

  茶點故事閱讀 39,696評論 1贊 348
• 活死人

  序言：一個原本活蹦亂跳的男人離奇死亡杖小，死狀恐怖，靈堂內(nèi)的尸體忽然破棺而出愚墓，到底是詐尸還是另有隱情窍侧，我是刑警寧澤，帶...

  沈念sama閱讀 35,413評論 5贊 343
• ?日本核電站爆炸內(nèi)幕

  正文 年R本政府宣布转绷，位于F島的核電站，受9級特大地震影響硼啤，放射性物質(zhì)發(fā)生泄漏议经。R本人自食惡果不足惜斧账，卻給世界環(huán)境...

  茶點故事閱讀 41,008評論 3贊 325
• 男人毒藥：我在死后第九天來索命

  文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望煞肾。 院中可真熱鬧咧织，春花似錦、人聲如沸籍救。這莊子的主人今日做“春日...

  開封第一講書人閱讀 31,659評論 0贊 22
• 一樁弒父案，背后竟有這般陰謀

  文/蒼蘭香墨 我抬頭看了看天上的太陽蝙昙。三九已至闪萄，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間奇颠，已是汗流浹背败去。 一陣腳步聲響...

  開封第一講書人閱讀 32,815評論 1贊 269
• 情欲美人皮

  我被黑心中介騙來泰國打工， 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留烈拒，地道東北人圆裕。 一個月前我還...

  沈念sama閱讀 47,698評論 2贊 368
• 代替公主和親

  正文 我出身青樓，卻偏偏與公主長得像荆几，于是被迫代替她去往敵國和親吓妆。 傳聞我的和親對象是個殘疾皇子，可洞房花燭夜當(dāng)晚...

  茶點故事閱讀 44,592評論 2贊 353

推薦閱讀更多精彩內(nèi)容

• Node（后端）中的MVC和前端中的MVVM之間的區(qū)別

  --MVC是后端分層開發(fā)的概念 吨铸，M->Model,V->View,C->Controller--MVVM是前端視...

  愛講雞湯的油膩大叔閱讀 1,293評論 0贊 3
• Android App的設(shè)計架構(gòu)：MVC,MVP,MVVM與架構(gòu)

  Android App的設(shè)計架構(gòu)：MVC,MVP,MVVM與架構(gòu)經(jīng)驗談1. 架構(gòu)設(shè)計的目的1.1 通過設(shè)計使程序模...

  天空在微笑閱讀 4,145評論 1贊 20
• Android App的設(shè)計架構(gòu)：MVC,MVP,MVVM與架構(gòu)經(jīng)驗談（轉(zhuǎn)）

  和MVC框架模式一樣行拢，Model模型處理數(shù)據(jù)代碼不變在Android的App開發(fā)中，很多人經(jīng)常會頭疼于App的架構(gòu)...

  ppice閱讀 4,312評論 2贊 17
• 前端MVC剂陡、MVVM的簡單實現(xiàn)

  MVC MVC是一種設(shè)計模式，它將應(yīng)用劃分為3個部分：數(shù)據(jù)(模型)狐胎、展示層(視圖)和用戶交互層鸭栖。結(jié)合一下下圖，更能...

  公子世無雙ss閱讀 11,481評論 1贊 12
• 紫洋蔥集市 | 講真晕鹊，這里有一套自然主題的品牌設(shè)計要出售

  今天的文章，如題暴浦。 設(shè)計工作室：Backbone Branding 項目名稱：Day & Night（日與夜） 項...

  紫洋蔥Lily閱讀 203評論 0贊 5