MVVM

介绍

MVVM是 Model-View-ViewModel 的简写。它本质上就是 MVC 的改进版

  • M:Model
  • V:View
  • VM:ViewModel

在MVVM的框架下,视图 和 模型 是不能直接通信的,而是通过 ViewModel 来通信。

  • ViewModel通常要实现一个observer观察者,当数据发生变化,ViewModel能够监听到,然后通知到对应的视图做自动更新

  • 当用户操作视图,ViewModel也能监听到视图的变化,然后通知数据做改动

实现了 数据的双向绑定

为什么会有MVVM框架

越来越多的项目,采用 前后端分离,把很多传统的 服务端代码放到了前端,在浏览器中运行,这样就产生了成千上万行的javascript代码,它们连接了各式各样的HTML 和CSS文件,但缺乏正规的组织形式

前端的项目越来越大,项目的可维护性和扩展性、安全性等成了主要问题。为了解决这些问题,才有了MVVM模式一类框架的出现。比如:angular、react、vue。通过数据的双向绑定,极大了提高了开发效率。


原文出处:/show_1IXIV7wkHKi.html