切圖崽的自我修養－[MVVM] 進一步認知viewModel

Little_XM 發布于2019-08-01 15:51 / 3025人閱讀

摘要：前言上一篇講到了但其實一直還對中的部分存在一些理解問題敲了一遍的之后，加深了對的理解例子現在需求如下，有一個按鈕，點擊之后，發送請求，并將接收到的結果更新到中傳統寫法在上綁定點擊事件一旦捕獲到點擊事件，向后臺發送一條請求得到后臺返回的數據操

前言

上一篇講到了MVC/MVP/MVVM, 但其實一直還對MVVM中的VM部分存在一些理解問題, 敲了一遍vue的demo之后，加深了對VM的理解

例子

現在需求如下，有一個按鈕

在#btn上綁定點擊事件

一旦捕獲到點擊事件，向后臺發送一條ajax請求

得到后臺返回的數據response

操作#msg,將最新的response填進去

VM寫法

    
        
        {{ response }}

聲明一個vm(viewModel)作用域

(vue將dom的視圖和你定義的data進行一個數據綁定)

將#btn通過指令綁定一個點擊事件

一旦捕獲到點擊事件，向后臺發送ajax請求

得到后臺返回的數據response

更新data

(vue監聽到data的變化，于是更新對應的視圖)

對比傳統的操作dom的方式和vm的方式，很容易看出來，vm只做了一件事情就是
將視圖和數據綁定起來,免去了獲取視圖數據和根據新數據更新視圖的繁瑣操作，這樣能使你更專注你的業務邏輯,而不用為了如何進行dom操作傷腦筋

以前我們要獲取視圖的源數據，采用的是$dom.val()/$dom.text()等操縱dom節點的方式. 但是有了vm, 我們獲取視圖數據的時候不用再去操縱dom節點了,而是通過v-model等指令直接獲取視圖上的數據 (感謝Vue的封裝)

以前我們根據新數據更新視圖的時候，采用的是$dom.text()/$dom.html()等操縱dom節點的方式，但是有了vm, 我們根據新數據更新視圖的時候不用再去操縱dom節點了,因為我們只要更改data的值，視圖就會自動被更新 (感謝Vue的封裝)

結語

以上是切圖崽對viewModel的一些粗淺的認知，如果對viewModel特別是狀態管理/數據綁定相關技術感興趣的同學，請移步React/Angular2/Vue

GPU云服務器云服務器切圖崽 ViewModel 圖像識別數學修養認知美學

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/50158.html

切圖崽的自我修養－[MVVM] 進一步認知viewModel

摘要：前言上一篇講到了但其實一直還對中的部分存在一些理解問題敲了一遍的之后，加深了對的理解例子現在需求如下，有一個按鈕，點擊之后，發送請求，并將接收到的結果更新到中傳統寫法在上綁定點擊事件一旦捕獲到點擊事件，向后臺發送一條請求得到后臺返回的數據操前言上一篇講到了MVC/MVP/MVVM, 但其實一直還對MVVM中的VM部分存在一些理解問題, 敲了一遍vue的demo之后，加深了對VM的理...

yuanzhanghu 2019-08-29 11:26 評論0 收藏0
切圖崽的自我修養－[MVVM] 進一步認知viewModel

摘要：前言上一篇講到了但其實一直還對中的部分存在一些理解問題敲了一遍的之后，加深了對的理解例子現在需求如下，有一個按鈕，點擊之后，發送請求，并將接收到的結果更新到中傳統寫法在上綁定點擊事件一旦捕獲到點擊事件，向后臺發送一條請求得到后臺返回的數據操前言上一篇講到了MVC/MVP/MVVM, 但其實一直還對MVVM中的VM部分存在一些理解問題, 敲了一遍vue的demo之后，加深了對VM的理...

iKcamp 2019-08-20 11:37 評論0 收藏0
切圖崽的自我修養－[MVVM] Js MV*模式淺談

摘要：在沒有環境下對進行單元測試的時候，應用邏輯正確性是無法驗證的更新的時候，無法對的更新操作進行斷言。對是通過接口進行，在對進行不依賴環境的單元測試的時候。這里根據上面的例子給出了的單元測試樣例。年微軟工程師在自己的博客上首次公布了模式。前言做客戶端開發、前端開發對MVC、MVP、MVVM這些名詞不了解也應該大致聽過，都是為了解決圖形界面應用程序復雜性管理問題而產生的應用架構模式。網上...

bluesky 2019-08-20 11:31 評論0 收藏0