Vue中的MVVM设计模式

Vue中的MVVM设计模式

Mvvw

image-20220721001442128

image-20220721001558095

总结

  • M:模型(Model) :data中的数据
  • V:视图(View) :模板代码
  • VM:视图模型(ViewModel):Vue实例

观察发现

​ MVM模型:

  1. data上的所有属性,最终都会出现在vm身上。
  2. vm身上所有的属性,及vue原型上所有属性,在vue模块上都可以直接使用