vue 怎么用 JSX 的正确打开方式是先装对 @vue/babel-plugin-jsx 插件，再用 render 函数或 setup 返回 JSX，而不是在模板里直接塞尖括号。本文覆盖插件配置、render 与函数式两种写法，以及编译失败时的逐项排查清单，帮你判断自己的场景该不该上 JSX、踩坑时往哪查。

在 rsbuild + Vue3 项目里用 SVG，最稳的是以组件方式引入 .svg 文件，再用 currentColor 或 Vue 内置支持渲染。三个坑分别是文件当静态资源直接引、没启用 SVG 加载器、以及 SSR 下路径解析失败。本文从最小示例讲到边界。

Node.js 26.13.0 于 2026 年 10 月 28 日发布，26.x 分支正式转入长期支持（LTS），代号 Lithium，支持到 2029 年 4 月底。相比 26.12.1 没有代码变化，已在 26.x 的项目可直接升级；停在 24 或 22 的项目要先查 Linux 上的 libatomic 依赖与原生模块重编。本文按学习、练手、生产三类场景给出判断。

在 JavaScript 里保证数组插入唯一性，首选用 Set 去重后插入；频繁操作且不在意顺序时用 includes 查重。用错场景——比如用 indexOf 做大数组去重——会把 O(n) 拖成 O(n²)。本文用最小示例讲清三种做法的取舍与失败分支。

下载进度百分比是已接收字节除以总字节算出来的，服务端不给 Content-Length 就没有分母。本文给出 XHR progress 事件、fetch 配 ReadableStream 累计、服务端补自定义总大小头三种取法，每段都配可运行代码、预期输出与跨域、压缩两类失败分支，并说明大文件为什么不适用。

低代码画布里的拖拽不会自己导致栈溢出，真正压爆调用栈的是响应式副作用改写了它自己的依赖。本文给出 Vue 警告与 RangeError 两类报错的区别、写回同一数据源、watch 闭环、递归组件缺出口三个成因的最小复现与改法。

ref 是 React 跨渲染保管的同一个盒子，改它不会触发重渲染。本文给出 DOM 聚焦、非受控组件、跨组件转发三个最小示例，说清渲染阶段读 ref、拿 ref 驱动渲染、父组件改子组件 ref 三类高频错误的改法。

Vue3 里 watch 一个对象，只改某个属性却没触发回调，根因是监听了对象引用而没感知内部变化。本文给出三种写法与取舍：deep 整体监听最省心但有性能开销、getter 精确监听最划算、替换新引用适合 ref 场景，并附解构掉响应式等失败分支。照着选就能让回调按预期触发。

Vue 动态绑定事件为空九成是因为用运行时拼接的事件名，而模板编译器只认静态事件名。本文给出静态绑定优先的稳妥写法，并附监听器对象整体绑定、计算属性回退、手动 addEventListener 三种方法及其边界与常见失败。

TypeScript 里 unknown 和 any 都能接收任意值，但 any 直接关掉类型检查，unknown 强制先收窄再用。本文给出 3 个判断边界：是否保留类型检查、取值前要不要收窄、收窄写法对不对，并附类型守卫写法与常见失败。照着选就能在接口返回、JSON 解析等动态输入场景保住类型安全，避免 any 扩散导致的静默错误。