vue3 退出登录删除注册路由

在 Vue3 中，退出登录并删除注册路由可以使用以下步骤：

1. 首先，在用户点击退出登录按钮时，调用一个函数来清除用户登录状态并删除需要删除的路由，如下所示：

logout() {
  // 清除登录状态
  this.$store.commit('clearLoginStatus');
  // 删除需要删除的路由
  this.$router.removeRoute('register');
  // 重置路由
  this.$router.push('/');
}

2. 在 Vuex Store 中定义一个 mutations 方法，用于清除登录状态，如下所示：

mutations: {
  clearLoginStatus(state) {
    state.isLoggedIn = false;
  }
}

3. 在路由配置中，为需要删除的路由添加一个 name 属性，如下所示：

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home,
    key: 'home'
  },
  {
    path: '/about',
    name: 'About',
    component: About,
    key: 'about'
  },
  {
    path: '/register',
    name: 'Register',
    component: Register,
    key: 'register'
  }
];

4. 在路由跳转时，使用 removeRoute 方法来删除需要删除的路由，如下所示：

this.$router.removeRoute('register');

这样，在用户退出登录后，路由就会被重置，并且需要删除的路由也会被删除。