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身上有的全都能在模板里面直接用

猜你喜欢

转载自blog.csdn.net/qq_43010602/article/details/122128792