【前端】MVVM设计模式

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/cheidou123/article/details/91407098

1.MVC设计模式

mvc即model-view-controller(模型-视图-控制器)

  • model:应用程序中处理数据逻辑的一部分,通常用来模型对象对数据库的存存取等操作
  • view:视图部分,通常指jsp、html等用来对用户展示的一部分
  • controller:控制层通常用来处理业务逻辑,负责从试图读取数据,并向模型发送数据
    在这里插入图片描述

2.MVVM设计模式

mvvm即Model-View-ViewModel,mvvm的设计原理是基于mvc的,所以说mvvm不算是一种创新,充其量是一种改造,这其中的ViewModel便是一个小小的创新;如下图所示:
在这里插入图片描述
以上图中可看出三者之间的关系;可以将ViewMode看作是Model和View的连接桥,View可以通过事件绑定Model,Model可以通过数据绑定View,通过ViewMode可以实现数据和视图的完全分离。
MVVM 设计模式中,没有 Presenter 层。取而代之的是 V-Model 层级。
而 V-Model 并不需要我们来 进行编写,使用 MVVM 设计模式进行编码的时候,无需关注 V-Model 这一层是如何实现的,它完全是 Vue 内置的(因为涉及到Vue框架源码的实现,不做讲解)
以前我们通过 MVP 设计模式进行开发的时候,是面向 DOM 进行开发。
而使用 MVVM 设计模式进行开发的时候,是面向数据编程。即极大程度的简化了代码量。这大量的代码,几乎都来自于以前的 DOM 操作。

猜你喜欢

转载自blog.csdn.net/cheidou123/article/details/91407098