主要介绍了Vue实现双向绑定的原理以及响应式数据的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧

这篇主要讲的就是vue很重要的一块知识点，双向数据绑定是如何实现的。一开始看这一块的内容的时候比较迷茫，迷茫在以下几个点： 这块内容该从哪边入手 数据变化是如何驱动视图层更新的 做题深化知识点 从哪边着手去看响应式原理 我这边提供三个方向，从这三个方向，你都可以看到watcher的使用，然后watcher的使用过程中，会掺杂到observer以及dep，然后以点带面，对整体进行梳理 初始化的render流程去看 在lifecycle这个文件中的mountComponent这个方法里，

一、vue中的响应式属性 Vue中的数据实现响应式绑定 1、对象实现响应式： 是在初始化的时候利用definePrototype的定义set和get过滤器，在进行组件模板编译时实现water的监听搜集依赖项，当数据发生变化时在set中通过调用dep.notify进行发布通知，实现视图的更新。 2、数组实现响应式： 对于数组则是通过继承重写数组的方法splice、pop、push、shift、unshift、sort、reverse、等可以修改原数组的方式实现响应式的，但是通过length以及直接