MVP模式與MVVM模式

2022-07-29 01:36:07 字數 1395 閱讀 8774

1、mvp模式(model層 presenter層 view 層)

model層 :資料層(ajax請求)

view層:檢視層,頁面上的dom展示

(jquery 的編寫就屬於mvp模式)

>提交

button

>

<

ul id

="list"

>

ul>

div>

<

script

>

function

page() {}

$.extend(page.prototype,,

bindevents:

function

() ,

handlebtnclick:

function

() });

varpage

=new

page();

page.init();

script

>

2、mvvm模式(model view viewmodel)---面向資料的程式設計

m層:主要是資料層(主要層級)

v層:dom檢視層

vm層:vue就屬於vm層

>提交

button

>

<

ul>

<

li v-for

="item in list"

>}

li>

ul>

div>

<

script

>

var=

newvue(,

methods:

}});

script

>

執行結果:

前端設計模式 MVP與MVVM

墨問蒼生 mvp設計模式 model 資料層 模組層 view 檢視層 以下是使用jquery實現的todolist 1 doctype html 23 html lang en 4 head 5 meta charset utf 8 6 title hello world title 7 scri...

Android MVC模式與MVP模式

概述 mvp模式是什麼?mvp 是從經典的模式mvc演變而來,它們的基本思想有相通的地方 controller presenter負責邏輯的處理,model提供資料,view負責顯示。mvc和mvp的區別?為什麼會出現mvp模式呢?這是因為原有的mvc模式有一些短板。比如在android開發中,ac...

MVC模式 MVVM模式

mvc是一種架構模式,m表示model,v表示檢視view,c表示控制器controller model負責儲存 定義 運算元據 view用於展示介面,與使用者進行操作互動 controller是model和view之間的橋梁,將model中的資料傳遞到view。關係解讀 controller可以直...