Vue双向数据绑定(MVVM)的原理是什么？

本文共计1042个文字，预计阅读时间需要5分钟。

MVVM 是 Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式。核心是提供 View 和 ViewModel 之间的双向数据绑定，使 ViewModel 的状态变化能自动传递给 View，实现数据双绑定。

MVVM

　　MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，即所谓的数据双向绑定。

　　Vue.js 是一个提供了 MVVM 风格的双向数据绑定的 Javascript 库，专注于View 层。它的核心是 MVVM 中的 VM，也就是 ViewModel。 ViewModel负责连接 View 和 Model，保证视图和数据的一致性，这种轻量级的架构让前端开发更加高效、便捷。

数据劫持

　　vue.js 是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调。