vue的双向数据绑定原理

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

vue的双向数据绑定原理

这里的vm 就是vue框架,它相当于中间枢纽的作用,连接着model 和view.

当前台显示的view发生变化了,它会实时反应到viewModel上,如果有需要,viewModel 会通过ajax等方法将改变的数据 传递给后台model
同时从后台model获取过来的数据,通过vm将值响应到前台UI上