vue3跳转页面

在 Vue 3 中，可以使用 `router-link` 标签或者 `$router.push` 方法来实现页面跳转。

1. 使用 `router-link` 标签

在模板中使用 `router-link` 标签，设置 `to` 属性为目标路由的路径即可。

<router-link to="/target-route">跳转到目标路由</router-link>

2. 使用 `$router.push` 方法

在 Vue 组件中，可以通过 `$router.push` 方法来进行页面跳转。该方法接收一个包含目标路由信息的对象作为参数。

this.$router.push({ path: '/target-route' })

也可以直接传入目标路由的路径作为参数。

this.$router.push('/target-route')

需要注意的是，使用 `$router.push` 方法进行页面跳转时，需要先在组件中导入 `router` 对象。

import { router } from 'vue-router'

export default {
  methods: {
    jumpToTargetRoute() {
      router.push('/target-route')
    }
  }
}