在Vue面试中，常常会被问到关于MVC和MVVM模式的区别。而我们作为Vue的使用者，了解其相关特性与模式更是基础中的基础。那么在面试中，我们该如何回答该问题呢？本文将结合实际案例讲解MVC和MVVM的区别并提供参考回答。
结论：VUE是采用MVVM模式来进行开发的。
一、什么是MVC模式？
MVC是一种架构模式。MVC模式可以将应用程序分成三个部分：模型，视图和控制器。
模型：数据层，用于封装数据以及处理数据的相关逻辑等。
视图：表示和展示相关的界面视图，主要负责与用户进行交互以及显示数据等。
控制器：作为MVC模式的核心，负责处理视图和模型之间的协调，以及业务逻辑相关的控制等。
二、什么是MVVM模式？
MVVM与MVC类似，也是分为三个部分：模型(model)，视图(view)以及视图模型(view-model)。
模型：与MVC中的模型相同，代表数据和业务逻辑。
视图：MVC中的视图和展示相关的负责呈现内容。
视图模型：视图的抽象，封装了视图展示的数据和行为，处理用户的交互事件，同时将变更的数据封装成属性，通知数据更新）。
三、MVC与MVVM的区别？
1、MVC是基于组件之间的协作，而MVVM是通过数据绑定实现视图和数据的自动同步。
2、MVVM的ViewModel比MVC的Controller要轻。它不仅仅处理与视图有关的逻辑，还可以处理业务逻辑。
3、相对于MVC中的View和Model之间的双向通信，MVVM中View和ViewModel之间的双向绑定让代码更加简洁。
结合Vue的实例，我们先看MVC的代码结构：
HTML：