vue3路由重定向跳转页面

在 Vue 3 中，你可以使用 `router.push()` 方法来进行路由跳转，而使用 `router.replace()` 方法来进行路由重定向。下面是一个简单的示例：

import { createRouter, createWebHistory } from 'vue-router'

const router = createRouter({
  history: createWebHistory(),
  routes: [
    {
      path: '/',
      redirect: '/home'
    },
    {
      path: '/home',
      name: 'Home',
      component: Home
    },
    {
      path: '/about',
      name: 'About',
      component: About
    },
    {
      path: '/contact',
      name: 'Contact',
      component: Contact
    },
    {
      path: '/redirect',
      redirect: '/home'
    }
  ]
})

// 在组件中进行跳转
router.push('/about')

// 在组件中进行重定向
router.replace('/redirect')

在上面的示例中，我们定义了一个简单的路由器，并在路由器中定义了四个路由。其中，根路由 `/` 通过重定向跳转到 `/home` 路由。在组件中，我们可以使用 `router.push()` 方法来跳转到 `/about` 路由，并使用 `router.replace()` 方法来重定向到 `/redirect` 路由。