MVVM模型

原创已于 2022-03-02 15:22:28 修改 · 269 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

于 2022-03-02 15:21:39 首次发布

VUE 专栏收录该内容

10 篇文章

订阅专栏

本文深入解析MVVM模式中，模型（Model）如何通过视图模型（ViewModel）与Vue视图（View）交互，阐述了数据如何从data流向Vue实例，以及ViewModel和Vue原型属性在模板中的直接应用。

在这里插入图片描述

         MVVM模型：
                  1. M：模型（Model）：data中的数据
                  2. V：视图（View）： 模型代码
                  3.  VM:视图模型（ViewModel）：Vue实例
          视察发现：
                  1.data中所有的属性，最后都出现在vm身上。
                  2.vm身上所有的属性，及Vue原型上所有属性，在Vue模板中都可以直接使用