MVVM模型和MVC模型
一、MVVM模型
1. 初识MVVM
MVVM 是 vue 实现数据驱动视图和双向数据绑定的核心原理。它把每个 HTML 页面都拆分成了这三个部分，如图所示：
MVVM 指的是 Model、View 和 ViewModel(数据源-视图(DOM结构)-vue实例)；在 MVVM 概念中：
View 表示当前页面所渲染的 DOM 结构。
ViewModel 表示 vue 的实例，它是 MVVM 的核心
Model 表示当前页面渲染时所依赖的数据源。
2. MVVM的工作原理
ViewModel 作为 MVVM 的核心，是它把当前页面的数据源（Model）和页面的结构（View）连接在了一起；用ViewModel来建立起model数据层和view视图层的连接，数据改变会影响视图，视图改变会影响数据
当数据源(Modal)发生变化时，会被 ViewModel 监听到，VM 会根据最新的数据源自动更新页面的结构
当表单元素的值发生变化时，也会被 ViewModel 监听到，VM 会把变化过后最新的值自动同步到 Model 数据源中
二、MVC模型
1. 什么是MVC模型
MVC即Model-View-Controller（模型-视图-控制器）三层架构思想，用于把前端页面的展现与后端业务分离；它把复杂的业务逻辑，抽离为职能单一的小模块，每个模块看似相互独立，其实又各自有相互依赖关系。
优点：保证了模块的智能单一性，方便程序的开发、维护、耦合度低
2. MVC工作原理简介
图示如下：
MVC的工作原理：首先控制器接受用户的请求，调用相应的模型来进行业务处理，并返回数据给控制器。控制器调用相应的视图来显示处理的结果。并通过视图呈现给用户。实现人机数据之间的交互
