Vue3中，computed没有重新计算bug解决（邪门版）

如果发现computed没有重新计算，那么先检查一下代码有没有以下几个问题：

• 依赖关系未正确声明：确保计算属性正确声明了所有依赖的数据。如果依赖的数据没有在计算属性中被引用，那么当这些数据发生变化时，Vue 将无法检测到变化并触发重新计算。
• 数据变化未被 Vue 检测到：Vue 的响应式系统是基于 JavaScript 的 getter 和 setter 机制。如果数据的变化没有通过 Vue 的响应式系统进行，例如直接修改数组的索引或使用 Vue.set 方法，那么 Vue 可能无法检测到数据的变化，从而不会触发计算属性的重新计算。
• 计算属性的缓存机制：Vue 会对计算属性进行缓存，只有在相关依赖的数据发生变化时才会重新计算。如果依赖的数据没有发生变化，那么计算属性将不会重新计算。
• 命名冲突：如果在 data 或 props 中有与计算属性同名的变量，可能会导致计算属性没有被正确使用。在这种情况下，可以考虑删除该变量或改变计算属性的命名。

如果确保排除了以上的问题，依然没解决的话，是不是就纳闷了！很邪门了！！

在此贡献出我定位了一天的问题的解决方案—— 检查一下computed的引入方式！！

正常应该要从'vue'依赖引入的，但是不知道为啥小伙伴开发这个模块是从'@vue/reactivity'模块引入的，改过来就好了！

附上我的修改代码记录：