Vue中的MVVM模型介绍与理解

MVVM模型介绍

1. M：模型（Model）：对应着Vue中data中的数据

2. V：视图（View）：模板代码

3. VM：视图模型（ViewModel）：Vue实例

具体解释：

M就是Vue对象中的data里面存储着data（即为数据）

V就是DOM中的元素，存储着具体的字符串,标签等内容

VM视图模型就是Vue实例。

他们三个的关系就是VM也就是Vue实例具有数据绑定，事件监听的关系，通过具体操作将data数据绑定在DOM元素上，同时DOM元素也就是V发生了变化时也能够通过VM将变化反映在M上。

虽然没有完全遵循 MVVM 模型，但是 Vue 的设计也受到了它的启发。因此在文档中经常会使用 vm (ViewModel 的缩写) 这个变量名表示 Vue 实例。

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

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