认识MVVM模式和使用Vue.js理解MVVM模式

通过学习Vue.js,我们了解到MVVM本质上是模型-视图-控制器(Model-View-Controller,MVC)的改进版。在MVVM模式(数据绑定基础架构)中,ViewModel对于Model和View的联系起到连接(双向)关系。对于M和VM的交流都是通过Ajax通信的方式,M发送数据给VM,VM发送请求给M。而对于VM和V交流可是同时性的,VM数据的改变同时改变V上的显示内容,相反V上的显示内容改变同时改变VM对应的数据。Vue.js是一个提供了MVVM模型的双向数据绑定的js框架,在VM中有两个工具(DOM Listrners和Data  Bindings),实现双向绑定的关键,当V变化时,VM会通过DOM Listrners会监测DOM元素的变化,更改M中的数据,当M中的数据更新,Data Bindings会改变DOM元素。