vue2项目，首页有全局变量，时间，tab切换， 如何设置使得时间或者tab切换时，等待全局接口调取完毕才允许继续下一次时间选择或tab切换，不使用插件，如何实现

在 Vue2 项目中，如果需要在首页加载完成后再处理时间和 tab 切换，可以采用以下步骤：

1. **数据获取与守卫（Data Fetching & Guards）**:
- 首先，在组件的 `created` 或者 `mounted` 生命周期钩子中发起全局接口请求。确保这个请求是异步的，例如使用 `axios` 或者 `vue-resource`。

// 示例：使用 axios 发起请求
data() {
  return {
    timeData: null,
    tabData: null,
    isLoading: true, // 标记是否正在加载
  }
},
created() {
  this.getTimeAndTabData();
},
methods: {
  getTimeAndTabData() {
    this.$http.get('/api/time') // 替换为实际接口地址
      .then(response => {
        this.timeData = response.data;
        this.tabData = response.data.tabs; // 假设接口返回的数据包含 tabs 属性
        this.isLoading = false; // 加载结束
      })
      .catch(error => {
        console.error('获取数据失败', error);
        this.isLoading = false; // 如果出错，也标记为已加载
      });
  },
}

2. **Vue 的导航守卫（Navigation Guards）**:
- 使用 Vue Router 的 beforeEach 守卫，在每次路由变化之前检查数据是否已经准备好。如果 `isLoading` 为 `true`，阻止跳转并显示一个提示，直到数据加载完成。

router.beforeEach((to, from, next) => {
  if (this.isLoading) {
    alert('请稍候，数据正在加载...');
    next(false); // 延迟跳转
  } else {
    next(); // 数据准备好，正常跳转
  }
});

3. **优化用户体验**:
- 可以考虑在请求完成后立即展示一个占位状态或 loading 效果，让用户知道数据正在加载。

结合以上策略，当用户尝试切换时间或 tab 时，只有在数据完全加载后才会触发实际的操作。如果没有使用任何插件，这种方法应该能满足你的需求。如果你需要进一步的信息或者有其他特定的场景，随时告诉我