computed 中是基于 Vue 计算属性的特性和业务场景的最佳实践，与方法（methods）相比有以下核心区别：
1. 缓存机制
- computed（计算属性） ：会 缓存计算结果 ，只有当依赖的响应式数据发生变化时，才会重新计算。
- methods（方法） ： 每次调用都会重新执行 ，无论依赖数据是否变化。
2. 使用方式
- computed ：作为 属性直接访问 ，例如 v-if=”hasAward” ，代码更简洁直观。
- methods ：需要 手动调用 ，例如 v-if=”hasAward()” ，写法相对繁琐。
3. 依赖追踪
- computed ：Vue 会自动 追踪其依赖的响应式数据 ，当依赖变化时自动更新计算结果。
- methods ：不会追踪依赖，只在主动调用时执行。
4. 适用场景
- computed ：适合 基于现有数据派生新状态的场景，例如从luckyUserInfo中计算当前用户是否中奖。
- methods ：适合 处理业务逻辑、事件处理或需要传递参数的场景 ，例如join() 方法。
为什么 hasAward 适合用 computed？
在当前业务中：
- hasAward 是基于 userInfo 和 details.luckyUserInfo 派生的 只读状态 ，不需要传递参数。
- 依赖的数据（用户信息、中奖用户列表） 变化频率较低 ，缓存机制能显著提升性能。
- 在模板中会 频繁访问 （例如判断显示”中奖”提示），作为属性使用更简洁。
如果用 methods 会怎样？
- 每次组件渲染都会重新遍历 luckyUserInfo 数组，造成 不必要的性能开销 。
- 使用时需要写成 hasAward() ，不够直观。
- 不符合”派生状态”的语义化表达。
总结：computed 更适合这种 基于现有数据派生新状态 的场景，具有 缓存优势 和 更简洁的语法 ，能提升性能和代码可读性。