totalPrice 不更新是因为小程序平台对 Object.defineProperty 支持有限，深层属性赋值（如 item.count = 1 或 this.cartList[index].count++）无法触发响应式更新，需用 this.$set 初始化和修改，且 data 必须返回函数确保实例独立。
直接用 computed 就行，但必须确保数据响应式、字段初始化正确、更新方式合规——否则 H5 看着正常，小程序真机上总价就卡住不更新。
为什么 totalPrice 不更新？先查这三处响应式断点
最常见的是“看起来能改，其实没触发更新”。uni-app 底层基于 Vue 2，在小程序平台对 Object.defineProperty 的支持有局限，尤其对数组项的深层属性赋值不敏感。
-
cartList是从接口返回的，但后端没返回count字段？不能写item.count = 1，得用this.$set(item, 'count', 1)初始化 - 用
v-model绑定数量输入框时，没加.number修饰符？会导致"2" * "3"变成字符串拼接，或计算出NaN - 直接写
this.cartList[index].count++？在微信小程序基础库 2.25.0 之前几乎必然失效，应改用this.$set(this.cartList[index], 'count', newVal)或splice
computed 里怎么写 totalPrice 才安全可靠
核心是：只读、无副作用、类型兜底、惰性求值。别在 computed 里调接口、改 state、用 console.log，它只负责“算”。
- 每项的
price和count必须是 number 类型，用Number(item.price) || 0防空防字符串 - 如果只算已勾选商品，记得在 reduce 前加过滤：
this.cartList.filter(item => item.checked) - 需要保留两位小数？
toFixed(2)必须放在 computed 返回前，且注意它返回的是字符串，后续参与运算要再parseFloat
示例：
computed: {
totalPrice() {
return this.cartList
.filter(item => item.checked)
.reduce((sum, item) => {
const price = Number(item.price) || 0
const count = Number(item.count) || 0
return sum + price * count
}, 0)
.toFixed(2)
}
}data() 必须返回函数，不是对象字面量
这是很多初学者踩坑的根源：把 data 写成对象，导致组件复用时响应式丢失。
- 错的写法：
data: { cartList: [] }—— 小程序里多个实例会共享同一份cartList - 对的写法：
data() { return { cartList: [] } }—— 每个组件实例拿到独立响应式副本 - 如果用了 Vuex 或 Pinia，也要确认 store 中的 cart state 是通过响应式 API（如
ref/reactive）声明的，而非普通对象
真正容易被忽略的是：小程序真机调试时，基础库版本差异会让“看似生效”的写法在某台手机上彻底静默——比如直接索引赋值 this.cartList[0].count = 5，开发工具里可能显示正常，但 iOS 微信 8.0.43 真机上就是不触发 computed 重算。务必统一用 $set 或变异方法操作数组项。
