这是我参与更文挑战的第13天，活动详情查看： 更文挑战

前言

本系列文章的目标是模拟实现所有Vue3响应式相关API

为了不混乱，我先将响应式相关API进行分类，如图所示

由于文章篇幅较长，为了避免大家疲劳，先作出两点改善：

1. 分篇；将文章按照上述分类和内容量分为上、中、下或更多文章
2. 插入图片；我将尽量多插入一些相关图片，一来缓解疲劳，二来帮助大家理解

此篇目标是深入了解9个响应式基础API中的reactive，并模拟实现我们自己的数据响应式系统

思路

我的思路其实非常简单，首先去了解API的基本使用，然后试着去使用和理解它，然后按照它所实现的功能模拟实现我们自己的功能，如下

工作准备

在开始前，我们需要做一点准备工作

1. 需要创建一个vue3项目，方便使用对应的响应式API

如果你不知道怎么创建，官网提供了多种创建方式：传送门

2. 单独创建一个文件，用于模拟实现对应API

为了方便，我将上篇文章（从0开始手动实现Vue3初始化流程）所用的文件拿来继续使用，你也可以使用这个文件，简此文最下方附件 1

这个文件实现了Vue3的初始化流程相关的几个API，比如createApp和mount方法，我们在这个文件的基础上进行模拟实现数据响应式API

有了以上的准备，下面开始深入理解reactive

reactive函数

我们分两部分来说：reactive的使用和模拟实现

reactive的使用