必须显式转换dataset字符串为数字，先用replace去除逗号、空格、单位等干扰字符，再用number()或一元加号转换，否则会得nan；getattribute()在命名不规范时更可靠，但值仍为字符串。
直接用 Number() 或一元加号 + 转换 dataset 读出的字符串，但必须先处理千分位逗号、空格、单位等干扰字符，否则会得 NaN。
data属性值含千分位逗号（如 "1,000,000"）怎么转数字
浏览器把 data-original-number="1,000,000" 当纯字符串存，Number("1,000,000") 和 +"1,000,000" 都返回 NaN，因为逗号不是合法数字字符。
- 先用
.replace(/[, ]/g, "")去掉所有逗号和空格：Number(el.dataset.originalNumber.replace(/[, ]/g, "")) - 如果不确定有没有单位（如 "123.45 USD"），再补一层
.replace(/[^\d.-]/g, "")提取数字部分 - 避免用
parseInt()—— 它遇到第一个非数字字符就停，parseInt("1,000,000")只返回1
dataset 读出来是字符串，但你误以为它能自动转类型
dataset 返回的永远是字符串，哪怕 HTML 里写的是 data-count="42" 或 data-price="299.99"，JS 拿到的仍是 "42" 和 "299.99"。直接比较 el.dataset.count > 100 是字符串比较，"99" > "100" 居然为 true。
- 数值运算前必须显式转换：
const count = Number(el.dataset.count)或const count = +el.dataset.count - 想兼容空值或无效值，写成
Number(el.dataset.count) || 0，但注意：空字符串""、"0"、"false"都会被||覆盖，慎用 - 需要保留小数时优先用
parseFloat()，它比Number()更宽容（比如parseFloat("3.14px") === 3.14）
getAttribute() 和 dataset 在读取时行为不一致
如果你用 getAttribute("data-xxx")，拿到的是原始字符串，和 dataset.xxx 一样；但命名不规范时，dataset 可能根本读不到值，而 getAttribute() 总是能读。
- 属性名含数字开头（如
data-2024-report）：必须用el.getAttribute("data-2024-report")，el.dataset["2024Report"]才有效，el.dataset.2024Report语法错误 - 属性名含大写或下划线（如
data-apiKey或data_user_id）：dataset完全失效，getAttribute()是唯一选择 - 无论哪种读法，值都是字符串——类型转换这一步逃不掉
最易被忽略的是：data 属性只负责传递字符串，它不承担类型契约。你写的 "true" 不是布尔，"123" 不是整数，"1,000" 更不是合法数字字面量。转换逻辑必须由 JS 显式控制，且要覆盖格式异常场景。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
