uni-app中用computed实时求和需确保数据响应式：data必须为函数返回对象，cartlist中每项price和count要初始化为响应式字段，更新时用this.$set或splice避免直接赋值，计算中保持number类型。
uni-app里怎么用计算属性实时求和？
计算属性在 uni-app 中和 Vue 2/3 行为一致，但要注意 data 必须是函数返回对象（不能直接写对象字面量），否则响应式会失效。购物车总价这类依赖多个商品价格和数量的值，必须用 computed，不能用 data 或 watch 模拟——否则容易漏更新或重复计算。
常见错误：把 totalPrice 写在 data() 里手动累加，结果商品数量变、总价不刷新；或者在 watch 里深监听整个 cartList，性能差且易触发多次。
-
computed是声明式、惰性求值，只在依赖变化且被模板读取时才重新计算 - 确保每个商品项有
price和count字段，且都是响应式数据（来自data或vuex） - 避免在
computed里调用异步方法或修改 state
computed: {
totalPrice() {
return this.cartList.reduce((sum, item) => {
return sum + (Number(item.price) || 0) * (Number(item.count) || 0)
}, 0)
}
}
购物车列表里 count 改变后总价没更新？检查这三点
最常见原因是数据不是响应式的。uni-app 的 data 函数返回的对象，其嵌套层级超过一层时，若未通过 this.$set 或使用 Vue.set 设置，新增字段不会触发视图更新——比如动态添加 count 字段。
- 初始化商品时，确保
count是显式声明的响应式字段：{ id: '1', price: '25.5', count: 1 }，而不是后续用item.count = 1赋值 - 如果从接口拉取 cartList，且后端没返回
count，需用this.$set(item, 'count', 1)初始化，不能直接item.count = 1 - 使用
v-model.number绑定数量输入框，避免字符串拼接导致计算出错（比如"2" * "3"是 6，但"2" + "3"是"23"）
为什么 computed 总价在 H5 正常，小程序里不准？
小程序平台对 Object.defineProperty 的支持有限，尤其在某些旧版微信开发者工具中，对数组索引赋值（如 arr[0].count = 2）无法触发响应式更新——这是 uni-app 底层 Vue 2 兼容层的已知限制。
- 改用
this.$set(this.cartList, index, { ...item, count: newItemCount })更新单项 - 或使用数组的变异方法：
this.cartList.splice(index, 1, { ...item, count: newItemCount }) - 避免直接修改
this.cartList[index].count，哪怕看起来“能用”，也极可能在真机或不同基础库版本下失效
需要四舍五入保留两位小数？别用 toFixed() 直接拼进 computed
toFixed(2) 返回字符串，会导致后续计算出错（比如 "19.9" + 0.1 → "19.90.1"）。总价参与逻辑判断或传给支付接口时，必须保持 number 类型。
- 显示用
{{ totalPrice.toFixed(2) }}，但计算逻辑里始终用原始 number - 如需统一格式化，封装一个过滤器或方法：
formatPrice(num) { return Number(num.toFixed(2)) }，再用于展示 - 注意：
Number("0.1" + "0.2")是0.10000000000000002，真实项目建议用整数分单位存储价格，或引入decimal.js等库处理精度
计算属性本身不难，但 uni-app 多端差异让“看似能跑”的代码在某个平台突然失灵。重点盯住响应式初始化、数组更新方式、数字类型一致性这三个环节，比堆逻辑更关键。
