哇哇哇哇

Vue3 作为目前主流的前端框架，其性能优化涉及代码层面、构建层面、运行时层面等多个维度。我会从新手容易理解和落地的角度，系统讲解 Vue3 项目的核心优化手段，所有方案都附带具体代码示例和实操步骤。

在 Vue3 中，“path 算法” 主要体现在两个核心场景：一是虚拟 DOM 的 patch 过程中对节点路径的处理，二是响应式系统中依赖收集的路径追踪（如 effect 依赖的属性路径）。

要理解 computed 的底层实现，核心要抓住两个关键点：响应式依赖追踪 和 缓存机制。Vue3 的 computed 源码位于 packages/reactivity/src/computed.t

要理解 watch 的底层逻辑，我们需要从 Vue3 的响应式系统和 watch 核心实现源码入手。以下解析基于 Vue3 源码（packages/runtime-core/src/apiWatch.

Vue3 的 reactive 是实现响应式数据的核心 API 之一，它基于 Proxy 代理 实现，相比 Vue2 的 Object.defineProperty 具有更强的能力（支持数组、新增属性

在 Vue3 中，ref 是响应式系统的核心 API 之一，专门解决原始值（Number、String、Boolean 等） 无法被 Proxy 拦截的问题。我会从「设计初衷」「源码实现」「核心特性」

XSS（跨站脚本攻击） 原理 XSS攻击者通过在网页中注入恶意脚本，当其他用户访问该网页时，脚本会在用户的浏览器中执行，从而： 窃取用户Cookie、会话令牌 篡改网页内容 重定向到恶意网站 进行钓鱼

跨域的根本原因：同源策略 同源策略​ 是浏览器最核心的安全基石。它限制了从一个源加载的文档或脚本如何与另一个源的资源进行交互。