老师您好，请看代码
当我把 const productList = cartList[shopId]写到计算属性外面，在计算属性里直接用productList时，清空购物车有bug

const productList = cartList[shopId]
const list = computed(() => {
// 直接返回productList清空购物车时Cart没反应，页面倒是清空了,返回cartList[shopId]就可以
// return productList
return cartList[shopId]
})
productList不是响应式数据吗，把cartList[shopId]变成空对象后，购物车为啥不变啊。

补充提问
在写购物车全选时出现类似问题，当我把 const productList = cartList[shopId]写到计算属性外面，计算属性里直接用productList就不奏效了。须得在计算属性里面获取productList，但这不是响应式数据吗。
//const productList = cartList[shopId]
const allChecked = computed(() => {
let result = true
// ***为什么外面写好productList不奏效，得在里面获取productList才会正常工作
const productList = cartList[shopId]
if (productList) {
for (const i in productList) {
const product = productList[i]
if (!product.check) {
result = false
}
}
}
console.log(result)
return result
})