VUE入门(MVVM模型) (五)

MVVM模型

官网介绍:

在这里插入图片描述

MVVM

1.M:模型(Model):对应data中的数据
2.V:视图(View):模板 DOM(页面)
3.VM:视图模型:Vue实例对象

DOM Listeners:监听
Data Bindings:数据绑定
在这里插入图片描述
在这里插入图片描述

观察vue实例:

在这里插入图片描述
在这里插入图片描述
总结:data中写的数据最后都出现在vue实例身上

{{}}里面可以写啥

1.data里定义的属性
2.表达式
3.vm实例身上的全能用
4.Vue原型身上的也能用
例子:
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

理解

不是data中有,所以能被看见,而是data中的数据最终出现在了vm身上,vm身上有的全都能在模板里面直接用

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值