Vue—MVVM模式

MVVM 是 vue 实现数据驱动视图和双向数据绑定的核心原理。MVVM 指的是 Model、View 和 ViewModel：

m:model:数据

v:view:视图-模板

vm:ViewModel（Vue实例）

通过Vue实例来实现数据和模板的关联

• 在vue中如果更新的数据，页面中对应的渲染内容也会自动的更新
• 在vue中如果更新页面中所渲染的变量的数据，data中这个变量的数据也自动会有相应的变化
• 让我们以后可以将精力专注于数据处理，避免繁琐的dom操作

视图模型是MVVM模式的核心，它是连接view和model的桥梁，MVVM实现了view和model的自动同步，当model的属性改变时，我们不用自己手动操作DOM元素，来改变view的显示，反之亦然，我们称之为数据的双向绑定。