CATEGORY
Nuxt / Vue
共 8 篇文章。
01
Nuxt / Vue
02Nuxt 响应式图片：从内容尺寸推导 srcset，而不是堆格式
用真实布局宽度、sizes、宽高比和加载优先级生成图片候选，控制 LCP 与无效流量。
Nuxt / Vue
03Vue 无障碍弹窗：焦点、Escape 与背景隔离是一套状态机
基于原生 dialog 语义或等价实现，处理初始焦点、焦点回收、键盘关闭与嵌套浮层。
Nuxt / Vue
04Nuxt 服务端鉴权边界：路由中间件不能保护 API
区分 Vue 路由守卫、Nitro API 鉴权与数据库授权，确保 SSR 和直接请求都执行同一安全策略。
Nuxt / Vue
05Vue Composable 取消语义：让旧请求真的停止影响界面
把 AbortSignal、组件生命周期和“最后一次请求获胜”规则封装进可测试的异步 composable。
Nuxt / Vue
06Nuxt Hydration 不一致：沿着首个不同输入排查
从时间、随机数、浏览器能力和异步数据四类输入定位 hydration mismatch，而不是用 ClientOnly 掩盖。
Nuxt / Vue
07Vue 大集合响应式：让依赖图跟用户可见范围一致
分析深层 reactive、派生计算和虚拟列表的成本，用浅响应与稳定标识控制更新范围。
Nuxt / Vue
08Nuxt Route Rules 缓存契约：先按数据新鲜度拆接口
用公开正文、用户状态和实时互动的不同新鲜度，推导 routeRules、缓存键和失效策略。
Nuxt / Vue
Nuxt 4 数据获取状态机：别把空数据、失败和未开始混在一起
围绕 idle、pending、success 与 error 建立页面状态，避免请求失败时错误展示“暂无数据”。