Vue MVVM 模型

一、什么事MVVM 模型

MVVM 是 Model-View-ViewModel 的缩写，它是一种软件架构风格

Model：模型， 数据对象（data 函数），如下图

View：视图，模板页面（用于渲染数据）

ViewModel：视图模型，其实本质上就是 Vue 实例，例如app实例

图解如下图：

举个例子：

    
    
    


    

    
    

        {{ msg }}
        
    

    
    

    
    

运行效果：

Vue模版语法 - Google Chrome 2023-10-06 09-36-48