什么是MVMM模型

MVVM(Model–view–viewmodel)是一种软件架构模式。

MVVM有助于将图形用户界面的开发与业务逻辑或后端逻辑(数据模型)的开发分离开来,这是通过置标语言或GUI代码实现的。

它本质上就是MVC 的改进版。MVVM 就是将其中的View 的状态和行为抽象化,让我们将视图 UI 和业务逻辑分开。当然这些事 ViewModel 已经帮我们做了,它可以取出 Model 的数据同时帮忙处理 View 中由于需要展示内容而涉及的业务逻辑。

  1. M:模型(model):data中的数据
  2. V:视图(View):模板代码
  3. VM:视图模型(ViewModel):Vue实例


ViewModel相当于是一个桥梁

数据(model)放在一个位置,然后写好模板代码(View),用桥梁(ViewModel)建立起连接

在Vue官方文档中:

提到通常使用VM来代表Vue实例。

所以以后使用如果再拿变量接受Vue实例,使用VM

观察发现:

  1. data中所有的属性,最后都出现在了vm身上
  2. vm身上所有的属性 及 Vue原型上所有属性,在Vue模板中都可以直接使用
最后修改:2022 年 07 月 31 日
如果觉得我的文章对你有用,请随意赞赏