如何理解MVVM?

目录

1.基本概述

2.原理

---

1.基本概述

        MVVM，是Model-View-ViewModel的缩写，是前端开发的架构模式。

        M：模型，对应的就是data里面的数据。

        V：视图，对应的用户界面Dom。

        VM：视图模型，Vue的实例对象，连接View和Model的桥梁。

2.原理

        核心是对View和ViewModel的双向绑定。

        当数据改变时，ViewModel能监听数据的变化，自动更新视图。

        当用户操作视图的时候，ViewModel也可以监听到视图的变化，然后通知数据进行改动，就实现了双向数据绑定。

        ViewModel通过双向绑定把View和Model连接起来，他们之间的同步是自动的，不需要人为干涉。所以我们只需要关注业务逻辑即可，不需要操作Dom，同时也不需要关注数据的状态问题，因为数据是由MVVM统一管理。