web面試中MVC與MVVM區(qū)別以及Vue為什么不完全遵守MVVM

本篇文章給大家分享的是有關(guān)web面試中MVC與MVVM區(qū)別以及Vue為什么不完全遵守MVVM，小編覺得挺實(shí)用的，因此分享給大家學(xué)習(xí)，希望大家閱讀完這篇文章后可以有所收獲，話不多說，跟著小編一起來看看吧。

MVC和MVVM區(qū)別

前述

首先, 這兩種都只是一種思想, 一種設(shè)計(jì)模式

很多編程語言根據(jù)這種思想設(shè)計(jì)出了很多框架, 例如Java中的SpringMVC, PHP中的ThinkPHP , JavaScript中的Vue、React、Angular等

MVC

概述

1.數(shù)據(jù)要渲染到視圖上
??定義一個(gè)模板引擎
??得到數(shù)據(jù)
??再將數(shù)據(jù)渲染到模板引擎中

2.視圖操作控制器
??在頁面上的按鈕中添加點(diǎn)擊事件
??在事件中調(diào)用方法
??控制器再發(fā)送請求去修改數(shù)據(jù)

3.通過方法發(fā)送網(wǎng)絡(luò)請求修改數(shù)據(jù)
??再發(fā)送網(wǎng)絡(luò)請求得到修改后的數(shù)據(jù)
??再將數(shù)據(jù)渲染到視圖上

優(yōu)缺點(diǎn)

優(yōu)點(diǎn):

降低耦合，便于代碼的維護(hù)和擴(kuò)展

缺點(diǎn):

每次數(shù)據(jù)更新之后，都需要操作dom, 影響開發(fā)效率;

MVVM

概述

前言

為了提高開發(fā)效率，出現(xiàn)了新的思想：MVVM。它最大的特點(diǎn)：雙向數(shù)據(jù)綁定;

當(dāng)M中的數(shù)據(jù)發(fā)生改變時(shí)，V中的數(shù)據(jù)會自動發(fā)生改變當(dāng)V中的數(shù)據(jù)發(fā)生改變時(shí)，M中的數(shù)據(jù)會自動發(fā)生改變;

MVVM是MVC的進(jìn)步, 是MVC的替代品。

特點(diǎn)：

當(dāng)M改變時(shí)，V會自動改變當(dāng)V改變時(shí)，M會自動改變

關(guān)系：

一旦M改變，VM會檢測會M的變化，會自動去修改V

一旦V改變， VM會檢測到V的變化，會自動去修改M

有了MVVH之后，所有的dom操作都是由vm來操作，減少了程序員工作量，程序員就可以將大量的時(shí)間用在業(yè)務(wù)邏輯上，而不是dom操作上。

MVVM實(shí)現(xiàn)者 — Vue

Vue為什么沒有完全遵守MVVM?

原話來源于Vue官網(wǎng)作者自述, 但是作者并沒有給出原因, 根據(jù)查閱和自己整理, 認(rèn)為有2點(diǎn)原因

原因一: mvvm是指 “模型-視圖-視圖模型”, 應(yīng)該是讓"模型"和"視圖"實(shí)現(xiàn)完全的解耦, 但是vue中提供了一個(gè)屬性: ref, 通過ref可以拿到dom對象，通過ref直接去操作視圖。這一點(diǎn)上，違背了mvvm;

原因二: 如下圖, 結(jié)構(gòu)上, “數(shù)據(jù)層"包含在了"數(shù)據(jù)模型層”, 這兩個(gè)部分沒有完全獨(dú)立出來

以上就是web面試中MVC與MVVM區(qū)別以及Vue為什么不完全遵守MVVM，小編相信有部分知識點(diǎn)可能是我們?nèi)粘９ぷ鲿姷交蛴玫降?。希望你能通過這篇文章學(xué)到更多知識。更多詳情敬請關(guān)注億速云行業(yè)資訊頻道。