data属性名必须以data-开头且全小写加连字符，setattribute写入时需完整指定data-前缀字符串，驼峰命名须转为短横线格式，否则dataset无法识别；值恒为字符串，删除须用removeattribute。
data属性名必须带data-前缀才能用setAttribute写入
直接调用 setAttribute 写入自定义 data 属性时，属性名字符串必须完整包含 data- 前缀，浏览器不会自动补全。比如想存用户ID，得写 setAttribute('data-user-id', '123')，而不是 setAttribute('userId', '123') —— 后者会写入一个普通属性，无法被 dataset 读取，也触发不了 CSS 的 [data-user-id] 选择器。
驼峰命名要转为短横线命名再写入
dataset 读取时支持驼峰（如 el.dataset.userId），但 setAttribute 是底层操作，只认字符串字面量。所以：
- 想让
el.dataset.userName能读到值，得写setAttribute('data-user-name', 'Alice') - 写
setAttribute('data-userName', 'Alice')，dataset会忽略它（变成undefined） - CSS 选择器也只匹配标准格式：
[data-user-name]有效，[data-userName]无效
setAttribute写入后dataset不是实时响应的？
其实是实时的 —— 但要注意时机和类型：
- 写入后立即读
el.dataset.xxx没问题，DOM 更新是同步的 - 值始终是字符串类型，即使你传数字或布尔值：
setAttribute('data-count', 42)→dataset.count === '42' - 空字符串、
null、undefined都会被转成'null'或'undefined'字面量，不是删除属性 - 真要删掉 data 属性，得用
removeAttribute('data-xxx')，不能设为空
用setAttribute写data属性比dataset慢吗？
几乎没差别，两者最终都走同一套 DOM 属性设置逻辑。但有细微差异：
-
dataset是语法糖，内部仍调用类似setAttribute的机制 - 频繁批量写入时，
dataset多一层属性名转换（驼峰 ↔ 短横线），但性能影响可忽略 - 如果已知属性名固定且含短横线（比如服务端返回的
data-track-id），直接setAttribute更直白，少一次命名推导 - 注意：IE11 不支持
dataset，但支持setAttribute，需要兼容时优先用后者
setAttribute 写，用 dataset 读 —— 只要命名规范对得上，就不会出错。容易漏的是短横线转换和前缀拼写，多检查一遍属性名字符串本身。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
