理解Vue的MVVM模型的实现

M

模型(Model) ：data中的数据

V

视图(View) ：模板代码（不是静态页面） （两个语法：指令，大括号表达式）

VM

viewModel: 视图模型（Vue的实例）

Dom Listeners （Dom 监听）

Data Bindings （数据绑定）

data中所有的属性，最后都出现在了vm身上。

vm身上所有的属性 及 Vue原型上所有属性，在Vue模板中都可以直接使用。

MVVM

MVVM 本质上是 MVC （Model-View- Controller）的改进版。即模型-视图-视图模型。

模型model指的是后端传递的数据，视图view指的是所看到的页面。

视图模型viewModel是 mvvm 模式的核心，它是连接 view 和 model 的桥梁。它有两个方向：

将模型转化成视图，即将后端传递的数据转化成所看到的页面。实现的方式是：数据绑定

将视图转化成模型，即将所看到的页面转化成后端的数据。实现的方式是：DOM 事件监听

这两个方向都实现的，我们称之为数据的双向绑定