[vue] Vue的MVVM模型

最新推荐文章于 2024-03-17 18:25:59 发布

533_

最新推荐文章于 2024-03-17 18:25:59 发布

阅读量411

点赞数

分类专栏： # vue 文章标签： vue.js

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_14993591/article/details/121089000

版权

vue 专栏收录该内容

157 篇文章 3 订阅

订阅专栏

Vue中的MVVM模型

M 模型(Model)：对应data中的数据
V 视图(View)：模板
VM:视图模型(ViewModel): Vue实例对象

这里的VM是V与M之间联系的桥梁
在这里插入图片描述

那么这里我们再将这里的VM,也就是Vue实例打印出来看看。

在这里插入图片描述

在这里插入图片描述

我们发现data中的属性，全部可以在VM中找到，所以结合上面的原理我们可以得到，View中之所以可以显示data中的值，是因为Vue经过了一系列复杂的操作，将值给了VM,然后通过VM给了View进行了呈现。

由此我们可以猜测只要是VM身上出现的值，都可以在view直接使用

参考：

9.Vue的MVVM模型

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
[vue] Vue的MVVM模型

Vue中的MVVM模型M 模型(Model)：对应data中的数据V 视图(View)：模板VM:视图模型(ViewModel): Vue实例对象这里的VM是V与M之间联系的桥梁那么这里我们再将这里的VM,也就是Vue实例打印出来看看。我们发现data中的属性，全部可以在VM中找到，所以结合上面的原理我们可以得到，View中之所以可以显示data中的值，是因为Vue经过了一系列复杂的操作，将值给了VM,然后通过VM给了View进行了呈现。由此我们可以猜测只要是VM身上出
复制链接

扫一扫

专栏目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。