1.2　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-1　MVVM的开发理念

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