vue3在页面中进行路由跳转

在 Vue 3 中进行页面之间的路由跳转，同样使用 Vue Router。下面是一些常见的方法：

首先，确保已经安装了 Vue Router，然后在你的 Vue 3 应用中进行如下配置：

1. 使用 `<router-link>` 组件创建导航链接：

   <router-link to="/目标路径">跳转到目标页面</router-link>

例如：

   <router-link to="/home">跳转到首页</router-link>

2. 使用编程式导航：
在 Vue 3 组件中，可以通过 `router` 对象进行编程式导航。例如，在点击事件中跳转到目标页面：

   import { useRouter } from 'vue-router';

   export default {
     methods: {
       goToTargetPage() {
         const router = useRouter();
         router.push('/目标路径');
       }
     }
   }

例如：

   import { useRouter } from 'vue-router';

   export default {
     methods: {
       goToHomePage() {
         const router = useRouter();
         router.push('/home');
       }
     }
   }

注意，上述代码中的 `/目标路径` 是你要跳转的目标页面的路径。在使用 Vue Router 进行路由跳转时，需要确保已经定义了对应的路由规则。

希望这能帮助你在 Vue 3 中进行页面路由跳转！