MVVM模式简单理解(基于vue)

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

在MVVM架构下,View 和 Model 之间并没有直接的联系,而是通过ViewModel进行交互,Model 和 ViewModel 之间的交互是双向的, 因此View 数据的变化会同步到Model中,而Model 数据的变化也会立即反应到View 上。

  • M 保存的是每个页面单独的数据
  • VM 是一个调度者,分割M和V
  • V 每个页面中的HTML结构

实例:

   
    
        
            
            
            
            
        
        
            

{{msg}}

V层
MVVM模式简单理解(基于vue)_第1张图片
VM层
MVVM模式简单理解(基于vue)_第2张图片
M层
MVVM模式简单理解(基于vue)_第3张图片
以上,是个人浅显的理解,以后有新的想法会补充

你可能感兴趣的:(VUE)