05_MVVM模型

简述MVVM

MVVM模型在Vue中的体现,大致是如下的对应关系:

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

放到实际的代码中,大致就是如下关系:
在这里插入图片描述

总结

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


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