数据自动刷新

【背景】我正在使用一个网页应用，发现数据变动后页面没有自动刷新。
【核心问题】请解释一下，为什么网页通常不默认开启‘自动更新’功能？从技术实现和用户体验的角度来看，手动刷新和自动更新各有什么优缺点？
【补充】我不需要客服式的回答，请直接从技术逻辑层面进行解答。

技术层面

为什么默认不自动更新？

1. 轮询机制有固定成本

自动更新不是"魔法"，客户端必须主动发请求去"问"服务端"数据变了没"。常用实现方式：

- 短轮询（Short Polling）：每隔 N 秒发一个请求，不管有没有变化
- 长轮询（Long Polling）：请求挂起，服务端等有变化才返回
- WebSocket：保持连接，服务端主动推送
- SSE（Server-Sent Events）：服务端单推

每种方式都有代价：网络流量、服务器负载、连接维护。

2. 数据一致性更难保障

自动更新引入并发冲突的可能：

- 用户正在编辑一行数据
- 后台自动刷新把那一行更新了，用户的内容被覆盖
- 用户的操作结果和看到的数据瞬间不一致

手动刷新是一种天然的"串行化"——用户知道每次看到的是"点击那一刻"的状态。

3. 缓存失效（Cache Invalidation）问题

CRUD 操作后，客户端需要知道"哪些缓存需要失效"。实现正确的缓存 invalidation
比简单刷新复杂得多。手动刷新要么清空相关缓存，要么走 ETag/Last-Modified 条件请求，逻辑更简单。

---
用户体验层面

自动更新的问题

┌──────────────┬──────────────────────────────────────┐
│ 问题 │ 说明 │
├──────────────┼──────────────────────────────────────┤
│ 注意力被打断 │ 用户正在读一篇文章，列表突然变了 │
├──────────────┼──────────────────────────────────────┤
│ 状态丢失 │ 用户选中了某些行，刷新后选中态消失 │
├──────────────┼──────────────────────────────────────┤
│ 认知负担 │ 数据跳变时用户需要重新定位自己在哪里 │
├──────────────┼──────────────────────────────────────┤
│ 焦虑感 │ 频繁变化让人感觉系统"不稳定" │
├──────────────┼──────────────────────────────────────┤
│ 性能感知变差 │ 后台请求再多，也是用户感知到的延迟 │
└──────────────┴──────────────────────────────────────┘

手动刷新的问题

┌──────────────────┬────────────────────────────────┐
│ 问题 │ 说明 │
├──────────────────┼────────────────────────────────┤
│ 操作步骤多 │ 必须手动点一下 │
├──────────────────┼────────────────────────────────┤
│ 可能看到过期数据 │ 用户无法及时发现新增/删除/修改 │
├──────────────────┼────────────────────────────────┤
│ 反复操作厌烦 │ 需要不断重复同一个动作 │
└──────────────────┴────────────────────────────────┘

┌──────────────┬───────────────────────────────────────────────────────────────────┐
│ 功能 │ 改动 │
├──────────────┼───────────────────────────────────────────────────────────────────┤
│ 初始加载顺序 │ onMounted 先等 loadEventOptions() 完成，再调用 fetchSessionList() │
├──────────────┼───────────────────────────────────────────────────────────────────┤
│ 赛事筛选 │ 选赛事 → 自动触发 fetchSessionList() + 加载阶段下拉 │
├──────────────┼───────────────────────────────────────────────────────────────────┤
│ 阶段筛选 │ 选阶段 → 自动触发 fetchSessionList() │
├──────────────┼───────────────────────────────────────────────────────────────────┤
│ 场次名称 │ 回车键触发查询 │
├──────────────┼───────────────────────────────────────────────────────────────────┤
│ 分页 │ 新增 NPagination，支持真实 total、页码跳转、每页条数切换 │
├──────────────┼───────────────────────────────────────────────────────────────────┤
│ 自动查询 │ 页码/每页条数变化时自动重新获取数据 │
└──────────────┴───────────────────────────────────────────────────────────────────┘

选中评委后点击确定，已选择的评委名称会显示在"分配评委"按钮下方。

功能流程：

ReviewTaskCreate.vue 第537行的 确认 按钮绑定了
confirmJudgeSelection，该函数只是关闭弹窗，日志记录选中的评委ID，但没有把评委数据回填到表单。

、

你想点击勾选图标本身时直接打印那一行的数据

点击"选择评委" → 勾选评委 → 点击"确认"