全局变量法与state法相比，哪个方法更推荐？

在选择使用全局变量法和 state 法来跟踪 Vuex 模块的注册时，可以根据以下几个方面进行比较和推荐：

1. 可维护性

• 全局变量法：
  • 全局变量在整个应用中是可访问的，但可能会导致命名冲突或不易管理。
  • 如果项目规模较大，管理多个全局变量可能会变得复杂。
• state 法：
  • 使用 Vuex 的 state 来管理已加载模块的状态，与其他状态一起管理，保持一致性。
  • 使得状态管理集中在 Vuex Store 中，符合 Vuex 的设计理念。

2. 响应性

• 全局变量法：
  • 全局变量不是响应式的，无法自动更新视图。
  • 需要手动管理和更新变量的值。
• state 法：
  • Vuex 的 state 是响应式的，任何对于 state 的更改都会自动更新依赖于该状态的组件。
  • 更加符合 Vue 的响应式系统，维护起来更为方便。

3. 代码清晰度

• 全局变量法：
  • 代码可能会变得不够清晰，尤其是当有多个全局变量时，其他开发者可能需要额外时间去理解这些变量的用途。
• state 法：
  • 通过在 Vuex Store 中维护状态，代码结构更加清晰，易于理解和维护。
  • 其他开发者可以很容易地看到哪些状态被管理，并通过 Vuex 的 API 进行访问。

4. 适用场景

• 全局变量法：
  • 在小型项目或特定情况下，可以快速实现并且简单有效，但对于长远的维护可能不是最佳选择。
• state 法：
  • 更适合中大型项目，尤其是当项目的复杂度增加时，管理状态的集中化和响应式特性使其更为强大。

推荐

综合以上几点，使用 state 法通常更推荐，因为它符合 Vuex 的设计理念，能够提供更好的可维护性、响应性和代码清晰度，特别是对于中到大型应用来说。