React18 02. React的MVC模式与Vue的MVVM模式

React的MVC模式与Vue的MVVM模式
mvc:model数据层+view视图层+controller控制器

1. 按照专业的语法构建视图（页面）：基于JSX语法
2. 构建数据层：但凡在视图中需要动态处理的（需要变化的如“样式、内容”），都要有对应的数据模型
   3.控制层：当在视图中（或根据业务需求）进行某些操作的时候，都是去修改相关的数据，然后React框架会按照最新的数据，重新渲染视图，依此看到最新的效果
   数据驱动视图的渲染~~~
   视图中的表单内容改变，想要修改数据，需要开发者自己写代码实现！（单向驱动）
   
   

mvvm:model数据层+view视图层+viewModel数据/视图监听层

1. 按照专业的语法构建视图（页面）：基于JSX语法、tamplate
2. 构建数据层：但凡在视图中需要动态处理的（需要变化的如“样式、内容”），都要有对应的数据模型
   3.viewModel数据/视图监听层:
   a.数据驱动视图的渲染：视图的内容改变，被监听后把对应数据的更新；
   b.视图驱动数据的更改：数据的修改，也会被监听后把对应的视图更新。
   （双向驱动）