MVVM 代表 Model-View-ViewModel，在 MVVM 中，Model 表示应用程序的数据和业务逻辑，View 表示用户界面，ViewModel 充当 Model 和 View 之间的中介。
模型（Model）
- 模型代表应用程序中的数据和业务逻辑。
- 它可以是从服务器获取的数据、本地存储的数据或通过其他方式获取的数据。
- 模型通常实现了一些方法来操作、存储和管理数据。
- 对应的是组件中的 data、props 属性。
视图（View）
- 视图是用户界面的可见部分。
- 它负责展示数据给用户，并接收用户的交互操作。
- 在 Vue.js 中，视图通常由 Vue 组件表示，可以包含 HTML 模板和样式。
视图模型（ViewModel）
- 视图模型是连接模型和视图的中间层。
- 视图模型通常包含了与视图相关的数据、计算属性和方法，以及与模型交互的逻辑。
- 通过双向绑定（data-binding）将视图和模型连接起来。当模型中的数据发生变化时，视图会自动更新。通过 DOM 事件监听，当用户在视图中输入数据或进行其他交互操作时，视图模型会自动更新模型中的数据。
优势
- 分离关注点：将数据逻辑与视图逻辑分离，使代码更易于维护和测试。
- 提高开发效率：通过双向数据绑定和声明式编程风格，减少了手动操作 DOM 的代码量。
- 可重用性：通过组件化的方式，视图和视图模型可以在不同的应用程序中进行复用。
- 响应式更新：当模型中的数据发生变化时，视图自动更新，提供了更好的用户体验。
