Vue源码解析（3）：深入响应式机制原理是什么？

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

1. 深入理解Vue数据响应式原理

2.methods、computed和watch的区别

3.Vue源码解读（2）—— Vue初始化过程详解

1、深入理解 Vue 数据响应式原理。 2、methods、computed 和 watch 有什么区别？ 前言

上一篇文章 Vue 源码解读（2）—— Vue 初始化过程 详细讲解了 Vue 的初始化过程，明白了 new Vue(options) 都做了什么，其中关于 数据响应式 的实现用一句话简单的带过，而这篇文章则会详细讲解 Vue 数据响应式的实现原理。

目标

• 深入理解 Vue 数据响应式原理。

• methods、computed 和 watch 有什么区别？

源码解读

经过上一篇文章的学习，相信关于 响应式原理 源码阅读的入口位置大家都已经知道了，就是初始化过程中处理数据响应式这一步，即调用 initState 方法，在 /src/core/instance/init.js 文件中。