1.1、先了解下MVVM

VUE是基于MVVM思想实现的，❓那什么是MVVM呢？—— MVVM，是Model-View-ViewModel的缩写，是一种软件架构模式。其核心思想就是分离视图、数据、逻辑，VUE框架解决了数据Model到视图View的双向绑定，我们只关注业务逻辑ViewModel即可，极大的提高的编程效率。

• M：Model，数据模型，通常来自后端服务、数据库。
• V：View，视图，就是HTML页面，Dom。
• VM：ViewModel，视图模型，连接模型和视图，实现数据和视图的相互绑定。包含了视图状态、行为，如页面展示的内容（逻辑）、页面响应事件、数据获取更新等，都封装在 ViewModel 中。

VUE实现双向绑定的基本原理：

🔸Dom Listeners：通过对DOM元素（表单输入元素）的值变更监听，同步视图变化的数据到模型。

🔸Data Bindings