3.MVVM 模式。

1.MVC：model view controller。

• 1-1.数据Model：处理应用程序数据逻辑的部分，通常模型对象负责在数据库中存取数据。
• 1-2.视图View：处理数据显示的部分，通常视图是依据模型数据创建的。
• 1-3.控制器Controller：处理用户交互的部分，通常控制器负责从视图读取数据，控制用户输入，并向模型发送数据。
  

2.MVVM：model view viewModel。ViewModel是一个同步View和Model的对象。

• 2-1.在MVVM架构下，View和 Model 之间并没有直接的联系，而是通过ViewModel进行交互，Model和ViewModel之间的交互是双向的。
• 2-2.View 数据的变化会同步到Model中，而Model数据的变化也会立即反应到View上。它采用双向绑定(data-binding)：View的变动，自动反映在View Model，反之亦然。
• 2-3.ViewModel 层：做了两件事达到了数据的双向绑定：
  • ①将【模型】转化成【视图】，即将后端传递的数据转化成所看到的页面。实现的方式是：数据绑定。
  • ②将【视图】转化成【模型】，即将所看到的页面转化成后端的数据。实现的方式是：DOM 事件监听。
    

3.Vue中的MVVM模型：数据决定视图，视图影响数据。

• 3-1.M：模型（Model）：data中的数据。
• 3-2.V：视图（View）：模板代码。
• 3-3.VM：视图模型（ViewModel）：Vue实例。
• 3-4.Vue不完全遵循 MVVM思想。$refs 这个属性让 Model 可以直接操作 View