[前端暴龙机，Vue2.x 进化 Vue3 ] Day2.在认识vue之前(二)

在认识 Vue 之前，前一篇已经介绍了资料驱动画面跟双向绑定的概念了
今天再介绍一个 MVVM架构~

3.MVVM 架构

记得~当初白纸白到连这个都讲得哩哩辣辣(台)，虽然会讲，不过观念也是模糊 (逃 ~ XD
现在是时候审视自己有没有办法好好解释的时候了

之前的网页模式，可能会是 MVC架构，而框架会比较像是 MVVM的架构 (有错误再麻烦纠正)

MVC架构(Model–view–controller)

模型(Model) : 负责和资料库沟通，存取资料等与资料处理有关的逻辑

视图(View) : 处理画面的显示

控制器(Controller) : 模型和视图沟通的桥梁，决定了应用程序的工作流程

使用者是否需要先登入 (认证) 才可以看到网页内容？
使用者是否只能阅读资料，但不能修改或删除？
使用者新增了资料之後，会重新导向至哪个页面？

以上的3个常见的设计问题，就是由 Controller 来控制，是不是就比较好理解呢~

MVVM架构(Model–view–viewmodel)

主要分成 Model、view、viewmodel 三个部份，可以发现与 MVC 差别在於 Controller 换成了 viewmodel，所以这边主要就介绍 viewmodel 是甚麽

视图模型(viewmodel) : viewmodel 是关联 Model 和 view 的桥梁，viewmodel 负责把 Model 的数据同步到 view 显示出来，也负责把 view 的修改同步回到 Model，观念会是前一篇所讲到的双向绑定

介绍完软件架构(MVC、MVVM)的 差别後，发现观念上好像一个衔接一个呢，刚刚好串连起来 XD
下面参考资料 MVC架构 (ALPHAcamp MVC架构是什麽？认识 Model-View-Controller 软件设计模式)里面有短片的介绍可以参考，看完感觉更懂了，有帮助吸收~

参考资料与图片来源

MVC架构 (ALPHAcamp - MVC架构是什麽？认识 Model-View-Controller 软件设计模式)
MVVM架构 (程序前沿 - 前端面试题：这是我理解的MVVM，请注意查收)