mvvm和mvc --scallopsF

MVVM

概念：MVVM是Model-View-ViewModel缩写，分别对应着：数据，视图，视图模型。Model是我们应用中的数据模型，View是我们的UI视图层，通过ViewModel，可以把我们Model中的数据映射到View视图上，同时，在View层修改了一些数据，也会反应更新我们的model。简单理解就是双向数据绑定，即当数据发生变化的时候，视图也就发生变化，当视图发生变化的时候，数据也会跟着同步变化。

1. view视图层

<p>Hello, {{ name }}!</p>          --View层 --VUE中的单向绑定
<input v-model="name">             --View层 --VUE中的双向绑定

2. model数据层

data: {
            name: ''               --Model层
        }

3. VM层

 VUE框架已封装好
new Vue({…})

三者的关系：

view可以通过事件绑定（或v-model指令）的方式影响model，model可以通过数据绑定的形式影响到view，viewModel是把model和view连起来的连接器

MVC模式概要（典型的框架有angular.js）

1.即Model、View、Controller即数据模型、视图、控制器。
View：视图层；
Model：业务数据层；
Controller：控制器。链接View层传递过来的指令，选取Model层对应的数据，进行相应操作。
2举一个现实中类似的例子，MVC如同一架商铺的运作模式，View层相当于是这家店铺的店面，Model层相当于这家商铺的仓库，Controller层相当于这家商铺的执行部门。
特点：MVC有如下两种模式，不管哪种模式，MVC的通信都是单向的，由图也可以看出，View层会从Model层拿数据，因此MVC中的View层和Model层还是存在耦合的。