Vue原理「十」-- 组件化和MVVM ***

组件化

很久以前的组件化：

• asp jsp php 已经有组件化了
• nodejs 中也有类似的组件化
• 传统组件，只是静态渲染，更新还要依赖于操作DOM

现在的组件化：

• Vue 通过 MVVM 实现数据驱动视图
• React 通过 setState 实现数据驱动视图

MVVM 数据驱动视图 *****

在这里插入图片描述

什么是MVVM ？
简单来说，就是 数据驱动视图

view 视图层- DOM
Model 数据层- vue组件的data数据
viewModel 监听事件、监听指令，在视图和数据绑定器之间进行通信。

视图层 的点击事件、DOM事件 通过 viewModel层 的监听 可以修改数据层中的数据；
数据层修改数据，通过 viewModel 可以修改视图层