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所示。

 

 二、Vue.js核心理念

Vue.js的核心理念是数据驱动视图和组件化。
Vue.js有双向数据绑定功能，当JS中的数据发生变化时，页面视图会自动改变，只需要注意数据的变化，而不需要操作DOM元素，这就是数据驱动视图。
组件化理念是把整个页面看作一个大组件，里面的每个元素或者功能可以当作子组件，每一个组件都可以重复调用，组件是本书重点讲解的知识点之一。