如何理解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
下面就是数据驱动视图
2》例子:
Model:data数据
View:视图渲染
View-model: 比较抽象,为连接层,为引发数据驱动的一些事件和方法