（二）vue.js的设计模式

①　概述
Vue.js在设计上采用mvvm模式进行设计，mvvm模式刚出来时一度的被人奉为神一般的模式，好像不懂mvvm模式就脱离了时代一样。

②　什么是mvvm模式呢？

Mvvm的全称为：Model、View、ViewModel，
m表示数据模型层 , v表示视图层 , vm表示视图模型控制层

③　以一个网页为例说明mvvm

如果我们有一个数组要渲染到网页中去，那么在其中：
数据层M即为数组，视图层v就是用看到的渲染后的网页，视图模型层vm就是我们的js控制层，控制网页v和数据m同步
（即数组数据改变了就重新渲染网页，网页变了就修改数组数据）

④　注意
如果我们要使用mvvm模式的框架，那么我们只需要关注m层与v层。
vm层是框架内置写好了的，控制视图层和模型数据层的同步代码不需要我们来写。
就如同vue这样的框架，他已经帮我们把数据和视图双向绑定了（mv），我们改变了数据，网页会自动的改变，而不需要我们操作DOM节点。