記錄MVVM的個人理解

一．關於MVVM個人理解

Mvvm的是 Model–View-ViewModel的縮寫， Model理解成小程序裏課程管理頁面的js代碼（user.js）
View理解成小程序裏用戶管理頁面的wxml代碼(user.wxml) ViewModel這個單詞是View和Model的組合，也就是
把user.wxml(View)中的數據同步到user.js(Model)或者把user.js(Model)的數據同步到user.wxml(View)

二.實例
1.model同步數據到View

經過MVVM框架的自動轉換，瀏覽器就可以直接顯示Model的數據了：

2.View傳數據給Model
在瀏覽器中當用戶修改了表單的內容(V)時，我們綁定的Model會自動更新：


二．MVVM框架有哪家強：

我們選擇MVVM的目標應該是入門容易，安裝簡單，能直接在頁面寫JavaScript，需要更復雜的功能時又能擴展支持。
所以，綜合考察，最佳選擇是尤雨溪大神開發的MVVM框架：Vue.js 看一個vue的實例： 編寫一個HTML
FORM表單，並用v-model指令把某個和Model的某個屬性作雙向綁定(V把數據傳給M，或者M把數據傳給V)

頁面的html標籤：

<form id="vm" action="#">
    <p><input v-model="email"></p>
	<p><input v-model="name"></p>
</form>

這個頁面的JS：

$(function () {
    var vm = new Vue({
        el: '#vm',
        data: {
            email: '',
            name: ''
        }
    });
    window.vm = vm;
});

這樣就實現了mvvm框架
下課！！