Vue URL路由未在状态中更新，但在浏览器中更新

export default {
  data() {
    return {
      currentRoute: this.$route.path
    };
  },
  watch: {
    '$route'(to, from) {
      this.currentRoute = to.path;
      // 这里可以添加其他逻辑来响应路由变化
    }
  }
};

router.beforeEach((to, from, next) => {
  // 在这里处理路由变化前的逻辑
  next();
});

router.afterEach((to, from) => {
  // 在这里处理路由变化后的逻辑
});

export default {
  data() {
    return {
      data: null
    };
  },
  async created() {
    try {
      this.data = await fetchData(); // 假设fetchData是一个异步函数
    } catch (error) {
      console.error('Error fetching data:', error);
    }
  }
};

// Vuex store
const store = new Vuex.Store({
  state: {
    currentRoute: ''
  },
  mutations: {
    updateCurrentRoute(state, route) {
      state.currentRoute = route;
    }
  }
});

// Vue component
export default {
  computed: {
    currentRoute() {
      return this.$store.state.currentRoute;
    }
  },
  watch: {
    '$route'(to, from) {
      this.$store.commit('updateCurrentRoute', to.path);
    }
  }
};