初识MVVM分层思想（Vue 框架）

1mvvm是什么？

m:model(模型/数据）

v:view(视图）

vm:viewmodel(视图模型）

vm 是 mvvm 中的核心部分。(它起到一个核心的非常重要的作用。)

mvvm 是目前前端开发领域当中非常流行的开发思想。(一种架构模式。)

目前前端的大部分主流框架都实现了这个 mvvm 思想，例如 vue , react 等。

2.vue框架遵循mvvm吗？

虽然没有完全遵循mwm模型，但是vue的设计也受到了它的启发（基本上也是符合 mvvm 思想的）

3.mwm模型当中倡导了model和view进行了分离，为什么要分离？

假如 model 和 view 不分离，使用最原始的原生的 javascript 代码写项目：

如果数据发生任意的改动，接下来我们需要编写大篇幅的操作 dom 元素的 js 代码。

将 model 和 view 分离之后，出现了一个 vm 核心，这个vm把所有的脏活累活给做了，

也就是说，当 model 发生改变之后，vm 自动去更新 view. 当 view 发生改动之后，

vm 自动去更新 model .我们再也不需要编写操作 dom 的 js 代码了。开发效率提高了很多。

在 vm 核心里面拥有 【DOM Listeners】和【Data Bindings】这两个功能

DOM Listeners 将 View 的值更新到 Model 里面

Data Bindings 将 Model 的值绑定到 View 里面

该文章为笔记，教程为动力节点的老杜Vue视频教程，Vue2 Vue3实战精讲
视频链接：https://www.bilibili.com/video/BV17h41137i4?p=1&vd_source=2136c732ce8d5a3f412e2f7064285cb7