如何深入理解Vue实现数据响应式的原理？

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

这篇文章主要是针对那些不太了解或未接触过Vue响应式源码的小伙伴们。主要目的是让大家对Vue的响应式原理有个基本的认识和了解，如果面试中遇到相关问题，能大致知道面试官想问什么。

这篇文章主要是给不了解或者没接触过 vue 响应式源码的小伙伴们看的，其主要目的在于能对 vue 的响应式原理有个基本的认识和了解，如果在面试中被问到此类问题，能够知道面试官想让你回答的是什么？「PS：文中如有不对的地方，欢迎小伙伴们指正」

响应式的理解

响应式顾名思义就是数据变化，会引起视图的更新。这篇文章主要分析 vue2.0 中对象和数组响应式原理的实现，依赖收集和视图更新我们留在下一篇文章分析。

在 vue 中，我们所说的响应式数据，一般指的是数组类型和对象类型的数据。vue 内部通过 Object.defineProperty 方法对对象的属性进行劫持，数组则是通过重写数组的方法实现的。下面我们就简单实现一下。