vue路由跳转useRounte

在Vue.js中使用Vue Router进行路由跳转，需要在组件中使用`this.$router.push()`方法或`this.$router.replace()`方法。这两种方法都可以让你在不刷新页面的情况下切换路由。

- `this.$router.push()`方法会向历史记录中添加一个新的记录，所以用户可以通过浏览器后退按钮返回到之前的页面。
- `this.$router.replace()`方法不会向历史记录中添加新的记录，所以用户不能通过浏览器后退按钮返回到之前的页面。

以下是一个例子，展示如何在Vue组件中使用`this.$router.push()`方法进行路由跳转：

<template>
  <button @click="navigateToAboutPage">Go to About Page</button>
</template>

<script>
export default {
  methods: {
    navigateToAboutPage() {
      this.$router.push('/about')
    }
  }
}
</script>

在上面的例子中，当用户点击按钮时，`navigateToAboutPage()`方法会使用`this.$router.push()`方法跳转到`/about`路由路径。