【前端学习】MVVM框架原理

MVVM模式包含三个部分：
M 代表模型，就是数据
V 代表视图，就是视图模板
VM 代表视图模型对象，链接模型与视图的
当模型中的数据发生改变，会同步给视图
是通过数据绑定实现的
当视图中的数据发生改变，会同步给模型
是通过事件监听实现的
特点：数据双向绑定

在早期，js的出现是为了解决页面中的一些简单交互，如绑定事件。后来随着的发展，越来越多的浏览器出现了，此时前端的主要问题就是浏览器兼容问题，此时jquery一类的框架库就出现了，可以解决浏览器兼容问题，并且让开发更简单。随着技术的发展，富客户端，SPA等技术的出现，要求前端做的事情越来越多了，此时前端主要问题是如何让代码可维护，如何让业务逻辑分层，易管理。所以MVC一类的框架就出现了，如Backbone。但是这类框架虽然对业务逻辑分成了，但是我们开发很麻烦，为了提高开发效率，基于MVVM模式的框架就出现了，如vue，react，angular等，实现了数据双向绑定，可以极大地提高我们的开发效率。