总价不更新或算错是因响应式失效、字段类型错误或更新方式不当：data必须为函数，count需响应式初始化，v-model用.number，真机更新用$this.set或splice，tofixed仅用于显示。
直接用 computed 实现，但必须确保数据响应式、字段存在、类型正确——否则总价不更新或算错是常态，不是 bug 是配置问题。
为什么 totalPrice 不刷新？检查 data() 返回对象和字段初始化
uni-app 的 data 必须是函数，返回一个对象；如果写成对象字面量（data: { cartList: [] }），整个响应式系统就失效了。更隐蔽的问题是：后端返回的购物车列表里没带 count 字段，你直接 item.count = 1 赋值，这个 count 不会响应式。
- ✅ 正确初始化方式：
this.cartList = res.data.map(item => ({ ...item, count: item.count || 1 })) - ✅ 或用
this.$set(item, 'count', 1)给已有对象新增响应式字段 - ❌ 错误写法：
item.count = 1（尤其在mounted或接口回调里） - ❌ 错误写法：
data: { cartList: [] }（缺少函数包裹）
怎么避免字符串拼接导致总价变“23”而不是 23？
v-model 默认绑定字符串，"2" * "3" 虽然能得 6，但 "2" + "3" 就是 "23"，而购物车计算里混用加法和乘法时极易出错。最稳妥的是强制转数字，且从输入源头控制。
- ✅ 使用
v-model.number：<u-number-box v-model.number="item.count"></u-number-box> - ✅ 计算中兜底：
Number(item.price) || 0和Number(item.count) || 0 - ✅ 避免在
computed里调用parseInt或parseFloat做重复转换——开销小但冗余
小程序真机上总价不准？别直接改数组索引项
微信小程序基础库对 Object.defineProperty 的兼容有限，this.cartList[0].count = 2 在开发者工具可能“看起来正常”，但在 iOS 真机或旧版基础库下完全不触发更新。
- ✅ 安全更新单项：
this.$set(this.cartList, index, { ...this.cartList[index], count: newCount }) - ✅ 或用变异方法：
this.cartList.splice(index, 1, { ...this.cartList[index], count: newCount }) - ✅ 全量替换也行：
this.cartList = [...this.cartList]（适合批量修改后重置） - ❌ 禁止：
this.cartList[index].count = newCount（哪怕它在模拟器里动了）
要不要 toFixed(2)？什么时候加、加在哪
总价显示必须保留两位小数，但不能在 computed 里直接 toFixed——这会让返回值变成字符串，后续无法参与数值运算（比如跟运费相加）。
- ✅ 推荐做法：计算逻辑保持 number 类型，模板中格式化：
{{ (totalPrice + freight).toFixed(2) }} - ✅ 或封装 getter：
displayTotal() { return (this.totalPrice + this.freight).toFixed(2) } - ❌ 错误位置：
totalPrice() { return xxx.toFixed(2) }—— 这个值再也不能被当数字用了 - ⚠️ 注意：
toFixed是四舍六入五成双，不是简单截断；如需银行家舍入或向上取整，得另写逻辑
真正卡住人的从来不是“怎么写”，而是字段有没有响应式、类型有没有被悄悄转成字符串、更新有没有走 Vue 的劫持路径——这些点漏一个，总价就静默失联。
