vue3重定向

在Vue3中，可以使用Vue Router来进行页面的重定向。具体步骤如下：

1. 在Vue项目中安装Vue Router：`npm install vue-router`

2. 在`main.js`中导入Vue Router并配置路由：

   import { createRouter, createWebHistory } from 'vue-router'
   import Home from './views/Home.vue'
   import About from './views/About.vue'
   import NotFound from './views/NotFound.vue'
   
   const routes = [
     {
       path: '/',
       redirect: '/home'
     },
     {
       path: '/home',
       name: 'Home',
       component: Home
     },
     {
       path: '/about',
       name: 'About',
       component: About
     },
     {
       path: '/:catchAll(.*)',
       component: NotFound
     }
   ]
   
   const router = createRouter({
     history: createWebHistory(),
     routes
   })
   
   createApp(App).use(router).mount('#app')

在上面的代码中，我们定义了三个路由，分别对应`/home`、`/about`和`/`。其中，`/`被重定向到`/home`，而`/:catchAll(.*)`匹配所有未匹配的路由，用于显示404页面。

3. 在Vue组件中使用`router.push()`方法进行重定向：

   export default {
     methods: {
       redirectToHome() {
         this.$router.push('/home')
       }
     }
   }

在上面的代码中，我们在Vue组件的方法中调用`router.push()`方法来进行重定向。如果我们要重定向到`/about`页面，只需要将参数改为`'/about'`即可。

希望这个回答能帮到你！如果有其他问题，欢迎继续提问。