【无标题】

传统jQuery的MVP模式开发

MVP全称：Model-View-Present；MVP是从经典的模式MVC演变而来，它们的基本思想有相同的地方：Controller/Presenter负责逻辑的处理，Model提供数据，View负责显示。

MVP逻辑处理导图

代码展示(实现TodoList)

现流行VUE的MVVM模式开发

MVVM是Model-View-ViewModel的简写。它本质上就是MVC的改进版。MVVM就是将其中的View的状态和行为抽象化，让我们将视图UI和业务逻辑分开。当然这些事ViewModel已经帮我们做了，它可以去除Model的数据同时帮忙处理View中由于需要展示内容而涉及的业务逻辑。

MVVM逻辑处理图

代码展示(实现TodoList)

MVP和MVVM的区别

以前我们使用JQ的时候，我们使用的是MVP模式，主要是面向DOM进行开发，而现在使用Vue，我们是的是MVVM模式，主要是面向数据进行开发。
  当我们开发大型项目的时候，如果使用JQ中的MVP模式进行开发，会产生大量的DOM操作代码，如果使用Vue中的MVVM模式进行开发，可以避免这个问题，有利于减少30%~70%的代码量，我想这应该是目前流行VUE的MVVM模式的主要原因吧。