vue3+ts判断登陆失效

在Vue3+TypeScript中判断登录失效可以通过以下步骤实现：

1. 在Vue3中创建一个全局的路由守卫，用于检测用户是否登录，如果未登录则跳转到登录页面。

// main.ts

import { createApp } from 'vue'
import App from './App.vue'
import router from './router'

router.beforeEach((to, from, next) => {
  const isAuthenticated = localStorage.getItem('token')
  if (to.meta.requireAuth && !isAuthenticated) {
    next('/login')
  } else {
    next()
  }
})

createApp(App).use(router).mount('#app')

2. 在Vue3+TypeScript中，可以使用装饰器将路由守卫与组件进行关联。

// Component.vue

import { defineComponent } from 'vue'
import { RouteLocationNormalized, NavigationGuardNext } from 'vue-router'

export default defineComponent({
  name: 'Component',

  beforeRouteEnter(to: RouteLocationNormalized, from: RouteLocationNormalized, next: NavigationGuardNext) {
    const isAuthenticated = localStorage.getItem('token')
    if (!isAuthenticated) {
      next('/login')
    } else {
      next()
    }
  },

  // ...
})

在组件中使用 `beforeRouteEnter` 生命周期钩子，通过 `next` 参数进行页面跳转。在 `beforeRouteEnter` 钩子中，可以通过 `localStorage` 来获取已登录用户的 Token 信息，并进行判断。如果未登录，通过 `next` 参数跳转到登录页面。

以上是判断登录失效的基本思路，具体实现还需要根据实际情况进行调整。