基於 MVVM 模式的輕量級響應式框架 Vue

2021-10-19 14:49:31 字數 974 閱讀 7559

隨著 web2.0 的發展和移動網際網路時代的到來, 前端開發在整個 web 應用軟體開發中的地位越來越重要。現在的 web 系統中越來越多的資料處理和業務邏輯開始偏向於前端, 逐漸形成了「大前端」的局面, 前端對效能和開發效率的要求也越來越高。這時如果不轉變思路,仍然採用傳統的方式,無疑會影響前端開發速度並且後期的維護也變得困難。目前市面上出現了許多優秀的前端框架已解決了上述問題,vue 就是這樣一款優秀的框架,詳細的介紹基於 mvvm 模式的輕量級響應式框架—vue。

2.1.1mvx 框架

在前端發展歷程中先後出現了多種不同的架構,這裡對 mvx 形式的三種架構進行介紹:

(1)mvc 架構:mvc 架構是由 model(模型)層、view(檢視)層、controller( 控制器)層構成,它是一種軟體設計典範,用一種業務邏輯、資料、介面顯示分離的方法組織**[11],通過分層的方式,讓彼此的職責分開,使得系統**清晰, 易於維護。

(2)mvp 架構:mvp 架構是從 mvc 演變而來的,相同點在於都是通過controller/presenter 負責邏輯的處理,model 提供資料,view 負責頁面顯示。不同點在於 mvp 架構中的 view 並不是直接地使用 model,而是通過 presenter (mvc 架構中的 controller)來進行的,但在 mvc 架構中 view 可以直接從 model 中讀取資料不需要通過 controller 間接得到資料。

(3)mvvm 架構:mvvm 架構是把 mvc 裡的 controller 和 mvp 裡的presenter 換成了 viewmodel。在 mvvm 架構中,view(檢視) 和 model(資料) 與 mvp 架構一樣是不可以直接進行資訊互動的, viewmodel 是兩者資訊互動的橋梁。所以此時的資訊互動方式為:當 view 發生改變,viewmodel 感知到了變化, 然後通知 model 發生相應改變。反之當 model 發生了改變,

viewmodel 能夠感知到相應變化,然後通知 view 更新檢視。這就是著名的雙向繫結的概念。

python中的列表推導式 輕量級迴圈

列表推導式 list comprehension 是利用其他列表建立新列表 類似於數學術語中的集合推導式 的一種方法。它的工作方式類似於for迴圈,也很簡單。表示式 for 變數 in 列表 或者 表示式 for 變數 in 列表 if 條件 usr bin python coding utf 8 ...

利用規則引擎打造輕量級的面向服務程式設計模式

目前的系統中,前端的變化越來越多樣。光web前端而言,html js,jquery,ext以及其他的各種框架等。曾經ext剛出來時,我們為其美觀 整潔的樣式所吸引,但當我們開始熟悉並使用ext時,卻發現其介面讓人審美疲勞。前篇一律的介面,讓人覺得沒有創意。最終,我們又回到原來前端的開發模式,通過美工...

乙個輕量級的分布式檔案儲存FASTDFS

國人做的用c語言寫的輕量級的分布式檔案儲存,只有 tracker和storage 節點。沒有使用資料庫。作者做的和mogilefs的對比 fastdfs設計時借鑑了mogilefs的一些思路。fastdfs是乙個完善的分布式檔案儲存系統,通過客戶端api對檔案進行讀寫。可以說,mogilefs的所有...