必须用removeAttribute()或delete el.dataset.xxx统一操作，因dataset是初始化快照、非双向绑定；混用会导致el.dataset.xxx与getAttribute()值不一致。
删除 HTML data 属性，必须用 removeAttribute() 或 delete el.dataset.xxx，混用会破坏数据一致性。
为什么不能先设 dataset.xxx = null 再用 setAttribute()？
因为 dataset 是 DOM 解析时生成的一次性映射，不是实时双向绑定。比如：
el.dataset.count = "10";
el.setAttribute("data-count", "20");
此时 el.dataset.count 仍返回 "10"，而 el.getAttribute("data-count") 返回 "20"——两者已不一致。后续任何基于 dataset 的读取都会拿到过期值。
- 写入和删除操作必须统一使用同一套 API（要么全用
dataset，要么全用setAttribute/removeAttribute） -
dataset.xxx = undefined和dataset.xxx = null都会触发属性移除，但行为不稳定，部分旧浏览器不识别undefined - 真正持久化生效的唯一方式是：写用
setAttribute("data-xxx", value)，删用removeAttribute("data-xxx")
delete el.dataset.xxx 比 removeAttribute() 更安全？
是的，但仅限于你全程用 dataset 管理的场景。原因如下：
-
delete el.dataset.xxx会同步更新 DOM 属性，并清空dataset缓存，避免后续读取错乱 -
removeAttribute("data-xxx")虽然也删 DOM，但不会刷新dataset的内部缓存（尤其在某些 Chromium 版本中），导致下次el.dataset.xxx仍返回旧值 - 但注意：
delete el.dataset.xxx对非法命名（如含大写字母、下划线）无效，例如data-user_id无法通过delete el.dataset.userId删除，必须用removeAttribute("data-user_id")
data 属性名不规范时怎么删？
如果属性名含数字开头、大写字母或下划线（如 data-1st-item、data-userId、data-user_name），dataset API 无法识别或映射失败：
-
el.dataset["1stItem"]可读，但delete el.dataset["1stItem"]不生效 -
el.dataset.userId返回undefined，即使getAttribute("data-userId")能取到值 - 这种情况下，唯一可靠方式是：直接
el.removeAttribute("data-1st-item")或el.removeAttribute("data-userId") - 命名建议：只用小写字母 + 连字符（
data-user-id），否则dataset就形同虚设
最易被忽略的一点：删除后若立即用 dataset 读取，某些浏览器仍返回旧值——这不是 bug，而是 dataset 缓存未强制刷新。真要确保删干净，要么统一走 removeAttribute()，要么删完立刻调用 el.removeAttribute("data-xxx") 做双重保险。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
