各位靓仔靓女，晚上好！我是你们的老朋友，今天咱们聊聊 Vue 3 里面那些听起来有点神秘，但其实超级实用的 API，也就是 toRaw(), markRaw(), shallowRef(), 和 shallowReactive()。 别担心，咱们不用啃文档，我保证用最接地气的方式，让你们彻底搞懂这些家伙到底干啥的，以及啥时候该用它们。 开场白：响应式系统的“潜规则” 在开始之前，咱们先简单回顾一下 Vue 的响应式系统。简单来说，Vue 会“劫持”你的数据，让数据发生变化的时候，自动更新视图。这个“劫持”的过程，其实就是把你的普通 JavaScript 对象变成一个“响应式对象”。这个过程很强大，但有时候也会带来一些性能上的问题，或者一些意想不到的副作用。 这时候，我们今天的主角们就登场了，它们就像是响应式系统的“后门”，让我们可以在某些情况下绕过或者控制响应式系统，从而获得更高的性能或者更灵活的控制。 第一位嘉宾：toRaw() – “还我本来面目！” toRaw() 的作用很简单粗暴，就是把一个响应式对象（包括 reactive 创建的响应式对象、ref 创建的响应式对象的 .va …
继续阅读“深入理解 Vue 3 中的 toRaw(), markRaw(), shallowRef(), shallowReactive() 等 API 的作用和使用场景。”