记录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框架
下课！！