简述MVVM
MVVM模型在Vue中的体现,大致是如下的对应关系:
- M:模型(Model):对应data中的数据
- V:视图(View):模板
- VM:视图模型(ViewModel):Vue实例对象
放到实际的代码中,大致就是如下关系:
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/8e1d21ed3e04701be0f2dcf6042f8952.png)
总结
MVVM模型
1.M:模型(Model) : data中的数据。
2.V:视图(View) : 模板代码。
3.VM:视图模型(ViewModel) : Vue实例。
观察发现:
1.data中所有的属性,最后都出现在了vm身上。
2.vm身上所有的属性及 Vue原型上所有属性,在Vue模板中都可以直接使用。