Vue3响应式对象是如何实现的，其原理和机制是怎样的？

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

目录+前言+分支切换的优化+副作用的函数嵌套生产的BUG+自增/自减操作的BUG+前言+Vue3响应式对象是如何实现的（1）中，我们已经从功能上实现了一个响应式对象。如果仅仅满足于功能实现，那么以下是我们已经完成的：目录、前言、分支切换的优化、副作用的函数嵌套生产的BUG、自增/自减操作的BUG。

目录

• 前言
• 分支切换的优化
• 副作用函数嵌套产生的BUG
• 自增/自减操作产生的BUG

前言

在Vue3响应式对象是如何实现的(1)中，我们已经从功能上实现了一个响应式对象。如果仅仅满足于功能实现，我们就可以止步于此了。但在上篇中，我们仅考虑了最简单的情况，想要完成一个完整可用的响应式，需要我们继续对细节深入思考。在特定场景下，是否存在BUG？是否还能继续优化？

分支切换的优化

在上篇中，收集副作用函数是利用get自动收集。那么被get自动收集的副作用函数，是否有可能会产生多余的触发呢？或者说，我们其实进行了多余的收集呢？同样，还是从一个例子入手。