MVVM前端视图层开发理念

MVVM 是前端分层开发理念，总共分为 3 层，包括 M 层、V 层和 VM 层，其中 VM 层是核心，也是 M 层和 V 层的调度者。

M 层是每个页面中存储的数据，也称作数据层 Model；V 层是每个页面中的 HTML 代码，也叫作视图层 View，一般是把 M 层中的数据渲染到 V 层。

M 层中的数据并不能直接渲染到 V 层，需要通过 VM 层调度，同样地，在 V 层中修改了数据，也不能直接同步到 M 层，还是需要 VM 层来调度，所以 VM 层是 M 层和 V 层的调度者，是核心。MVVM 的开发理念如图 1-1 所示。

1.3 节将通过正式安装 Vue.js，创建 Vue 实例对象，系统地讲解 MVVM 分层开发。