MVVM

1.MVVM示意图：

​ MVVM 是 vue 实现数据驱动视图和双向数据绑定的核心原理。MVVM 指的是 Model、View 和 ViewModel， 它把每个 HTML 页面都拆分成了这三个部分，如图所示：

在 MVVM 概念中：

1. Model 表示当前页面渲染时所依赖的数据源。
2. View 表示当前页面所渲染的 DOM 结构。
3. ViewModel 表示 vue 的实例，它是 MVVM 的核心。

MVVM工作原理：

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

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

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

vue的优势：

​ MVVM 在 vue中，程序员不需要操作 DOM，程序员只需要把数据维护好即可！(数据驱动视图)