Dylean
Dylean

MVVM

MVVM？

是什么？

  • M - 数据模型 Model
  • VM - 视图模型 ViewModel
  • V - 视图层 View
mvvm 理解图

View 指看到的页面。
Model 指后端传递的数据。
ViewModel 视图模型是 mvvm 模式的核心，它是连接 view 和 model 的桥梁。它有两个方向：

  1. 一个是将视图转化成数据模型，将所看到的页面转化成后端的数据，实现方式：DOM 事件监听；
  2. 另一个方向是将模型转化成视图，即将后台传递的数据转化成页面，实现方式：数据绑定。

两种方式都能实现称为双向数据绑定。

在 MVVM 模式下视图和模型是不能直接通信的，通过 ViewModel 进行通信， ViewModel 通常要实现一个 observer 观察者，当数据发生变化时， ViewModel 能够监听到数据的变化，然后对视图进行更新。当视图发生变化，ViewModel 也能监听到视图的变化，然后通知数据进行改动，这就是数据的双向绑定。

Vue 就是一款 MVVM 框架

在 Vue 中：

  • Model 就是 JS 数据，如对象、数组，用来存储后台传来的数据的数据结构。
  • View 指的是 DOM 渲染出来的页面视图。
  • ViewModel 指的是 vue 实例化对象 new Vue?

实现双向数据绑定的方法：

在 Vue 中的双向数据绑定：

你可以用 v-model 指令在表单 、