M:model 对应data中的数据
V:视图 对应模板
VM:视图模型 对应Vue实例对象
MVVM模型,将数据和视图分开管理,实现了代码的分层,更容易管理。
View——>DOM Listeners——>Model:当视图中触发了点击事件,就会被视图模型VM监听到,随后可以去更改Model中的数据。
Model——>Data Bindings——>View:当模型中的数据发生了变化,由于视图数据和模型数据有绑定关系,就会使视图产生变化适应我们新的数据。
所以,省去了人工操作DOM修改DOM数据这一步。