什么是MVVM模式?

文章目录

    • 前端的三大MV*模式:
    • MVVM模式:
    • ViewModel的作用:
    • MVVM的组成部分:
    • 前端流行框架:

前端的三大MV*模式:

在这里插入图片描述

MVVM模式:

MVVM是Model-View-ViewModel的简写。它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化,让我们将视图 UI 和业务逻辑分开。当下流行的MVVM框架有:Vue.js、AngularJS

MVVM即模型-视图-视图模型。模型指的是后端传递的数据;视图指的是所看到的页面。视图模型是mvvm模式的核心,它是连接view和model的桥梁。它有两个方向:一是将模型转化成视图,即将后端传递的数据转化成所看到的页面。实现的方式是:数据绑定。二是将视图转化成模型,即将所看到的页面转化成后端的数据。实现的方式是:DOM 事件监听。这两个方向都实现的,我们称之为数据的双向绑定。
什么是MVVM模式?_第1张图片

什么是MVVM模式?_第2张图片

ViewModel的作用:

什么是MVVM模式?_第3张图片
什么是MVVM模式?_第4张图片

MVVM的组成部分:

什么是MVVM模式?_第5张图片

前端流行框架:

什么是MVVM模式?_第6张图片

你可能感兴趣的:(前端,mvvm,mvc,mvp,vue.js)