Day 2 - Vue与MVVM

Vue作为前端三大框架之一，它的重要性已是不可言喻，除此之外，相较於React与Angular，Vue更适合初学者学习。

以下是2020年的state of JavaScript，可看出它的使用人数一直都有在稳定上升。

提到Vue，就不可不知道MVVM的概念，MVVM由MVC演变而来，不知道MVC的同学可以先参考这篇，这里就不再多赘述罗!
https://tw.alphacamp.co/blog/mvc-model-view-controller

MVVM是将原本MVC中的控制层(Controller)转为商业逻辑层(ViewModel)，接收来自模型层(Model)的资料流，并在画面层(View)进行资料绑定，透过将逻辑与介面分离的设计，降低彼此的影响，面使各开发人员专注於设计的，并更容易测试与整合。

Vue透过MVVM的概念将前端Component化，如以下这张图所表示的，将前端的页面、物件分离成各个模组，中间透过资料流及函式来串接，就好像完乐高积木一样，可以根据需求，将component组合成不同的page，并用最少的修改来完成更改的连动。

总而言之，Vue改变了前端的生态，使原本较无系统性的前端，以模组、元件化的架构维护各个页面。