Vue中的MVVM模型

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

这里的VM是V与M之间联系的桥梁

[vue] Vue的MVVM模型_MVVM


[vue] Vue的MVVM模型_MVVM_02

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

[vue] Vue的MVVM模型_vue.js_03

[vue] Vue的MVVM模型_MVVM_04

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

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



参考:

​​9.Vue的MVVM模型​​