Vue.js_07_Vue 中的 MVVM

本系列博客汇总在这里：Vue.js 汇总

---

源码工程文件为：

一、什么是 MVVM

MVVM 是 Model-View-ViewModel 的简写。它本质上就是 MVC 的改进版。MVVM 就是将其中的 View 的状态和行为抽象化，让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了，它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。

Vue.js 是一个标准的 MVVM 框架。

二、案例分析

首先 ViewModel 通过 Data Binding 让 obj 中的数据实时的在 DOM 中显示。其次 ViewModel 通过 DOM Listener 来监听 DOM 事件，并且通过 methods 中的操作，来改变 obj中 的数据。有了 Vue 帮助我们完成 VueModel 层的任务，在后续的开发，我们就可以专注于数据的处理，以及 DOM 的编写工作了！

如有错误，欢迎指正！