JavaScript 垃圾回收基于可达性。核心算法从引用计数演进到标记-清除，再配合分代回收和增量/并发优化以降低停顿。开发者应养成良好的内存管理习惯，避免循环引用、清除定时器、及时解除 DOM 引用等，利用弱引用处理特定场景。理解这些机制后，你不仅能写出更高效的代码，还能在排查内存问题时快速定位根因。

（类似 Vuex 模块）和（类似组合式 API）。库核心职责关键 APIvue-routerURL 与视图映射、导航控制useRouteruseRoute, 导航守卫Pinia全局响应式状态管理useStore()$patch$subscribe路由负责 “我在哪个页面”，状态管理负责 “我有哪些全局数据”。路由守卫读取 store 中的登录状态进行权限控制。组件内通过useStore()获取状态

在 Vue 项目中进行性能优化，需要从等多个维度系统性地入手。下面按模块拆解常见优化方案，每个方案都配代码实例、适用场景、注意事项及真实踩坑记录。

中小型项目、追求开发效率的团队、作为全局共享状态的“瑞士军刀”，也可在大型项目中与 React Query 配合使用。Zustand 基于发布-订阅模式，API 极小，通过选择器天然避免不必要渲染，是目前最受好评的轻量状态管理方案。可以大幅减少手写请求逻辑和状态管理代码，相当于内置了 React Query 的大部分能力。理解了每个方案的本质、性能边界和常见陷阱，你就能在任何规模的项目中做出最合适

凭借其精准的属性劫持能力成为 Vue2 的基石，但因设计上的硬伤（数组、属性增删），不得不借助补丁手段，导致响应式系统存在诸多限制。Proxy则是 ES6 带来的革命性元编程能力，能够劫持一个对象的几乎全部操作，使得响应式系统变得完整、自然、高效。Vue3 的全新响应式架构正是建立于此，配合和effect，不仅彻底解决了 Vue2 遗留的难题，还将响应式逻辑从组件中抽离出来，实现了的灵活与强大。理

优势说明类型安全避免any，在编译期捕获类型错误代码复用一套逻辑适用于多种类型，减少重复代码抽象能力让函数、组件能够与不同类型协作，而不丢失类型信息智能推导IDE 可以根据传入参数自动推断泛型，减少显式标注，提升开发体验可维护性类型即文档，一眼就能看出函数期望的输入输出关系泛型是 TypeScript 类型系统的灵魂，掌握它将使你从“使用类型”的开发者进阶为“设计类型”的开发者，写出既安全又优雅的

Vue 2 的渲染器与平台（Web）强绑定，虽然通过 weex 有一些分离，但不够彻底。Vue 3 将运行时拆分为（平台无关）和（Web），通过自定义nodeOps和patchProp可以创建自定义渲染器，比如渲染到 Canvas、Native。})这让 Vue 3 不局限于 DOM，可轻松移植到其他平台。维度Vue 2Vue 3响应式，无法检测增删，数组需要 hackProxy，全面劫持，惰性收

watchvs：区别、何时用哪个？——上文已对比。computed能实现watch的功能吗？—— 不能，computed 应无副作用且必须返回值。为什么 Vue3 的ref在模板中自动解包，在reactive对象里也自动解包，但在普通对象里不行？—— Vue 的响应式系统通过编译和代理规则实现解包，普通对象并非响应式代理，没有 getter/setter 辅助解包。如果有一个巨大的数据对象只展示不

数据请求：统一在或中发起，注意清理。副作用清理：务必返回清除函数，避免内存泄漏。避免不必要的重新渲染：类组件用或；函数组件用React.memouseMemo。小心闭包陈旧值：使用useRef或函数式更新。谨慎使用，优先考虑受控组件或key重置。错误边界用类组件实现，包裹可能出错的子树，同时注意无法捕获异步错误。useEffect与：绝大多数场景用前者；只有当 DOM 操作需要同步读取/修改，避免

方案适用场景性能提升所有场景5-10倍分批加载初始加载避免卡顿Clustering大量点数据（>10000）10-100倍LOD多尺度查看2-5倍3D Tiles超大数据（百万级）100+倍大量Billboard/Label3-5倍几何简化复杂几何2-3倍。