MVC

  • Model(模型)：负责从数据库中取数据
  • View(视图)：负责展示数据的地方
  • Controller(控制器)：用户交互的地方，例如点击事件等等
  • 思想：Controller将Model的数据展示在View上

MVVM

  • VM：也就是View-Model，做了两件事达到了数据的双向绑定 一是将【模型】转化成【视图】，即将后端传递的数据转化成所看到的页面。实现的方式是：数据绑定。二是将【视图】转化成【模型】，即将所看到的页面转化成后端的数据。实现的方式是：DOM 事件监听。
  • 思想：实现了 View 和 Model 的自动同步，也就是当 Model 的属性改变时，我们不用再自己手动操作 Dom 元素，来改变 View 的显示，而是改变属性后该属性对应 View 层显示会自动改变（对应Vue数据驱动的思想）