如何理解MVVM模型

一.组件化基础:
1》在很久以前,就有组件化的思想
2》这几年出现了数据驱动视图的概念(MVVM,setState)
MVVM vue使用,setState react使用

3》需要对两者进行对比
4》
传统组件化:
如asp jsp php 已经有组件化了,nodejs也有类似的组件化,他们只是
静态渲染,更新还要依赖于操作DOM

而数据驱动视图:(vue和react框架)
我们不再自己操作dom,我们想改什么地方,直接改vue里面的数据,框架本身根据数据渲染视图

正因为这一点,我们在做vue开发的时候,更关注与数据和业务逻辑

二.vue MVVM:
1》MVVM拆分成:
M:model
V:view
VM: view-model
下面就是数据驱动视图
如何理解MVVM模型
2》例子:
Model:data数据
如何理解MVVM模型
View:视图渲染
如何理解MVVM模型
View-model: 比较抽象,为连接层,为引发数据驱动的一些事件和方法
如何理解MVVM模型
如何理解MVVM模型

相关文章:

  • 2021-09-22
  • 2021-06-28
  • 2021-04-15
  • 2021-08-26
  • 2022-01-29
  • 2021-09-27
  • 2021-06-30
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-06-29
  • 2021-12-09
  • 2022-12-23
  • 2022-01-12
相关资源
相似解决方案