15- MVVM工作原理，一步理解到位

MVVM 的工作原理

ViewModel 作为 MVVM 的核心，是它把当前页面的数据源（Model）和页面的结构（View）连接在了一起。

当数据源发生变化时，会被 ViewModel 监听到，VM 会根据最新的数据源自动更新页面的结构

当表单元素的值发生变化时，也会被 VM 监听到，VM 会把变化过后最新的值自动同步到 Model 数据源中

MVVM模型

1. M：模型（Model）：data中的数据
2. V：视图（View）：模版代码
3. VM：视图模型（ViewModel）：Vue实例

观察发现：

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

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