vue3 router路由跳转

在Vue3中，可以使用`useRouter`从Vue Router中引入路由实例，然后使用该实例进行路由跳转。以下是两种常见的路由跳转方法：

方法一：使用`useRouter`引入路由实例，然后使用`push`方法进行路由跳转。

<template>
  <div>
    <button @click="goToIndex">跳转到首页</button>
  </div>
</template>

<script>
import { useRouter } from 'vue-router'

export default {
  setup() {
    const router = useRouter()

    const goToIndex = () => {
      router.push('/index')
    }

    return {
      goToIndex
    }
  }
}
</script>

方法二：使用`$router`对象进行路由跳转。

<template>
  <div>
    <button @click="goToIndex">跳转到首页</button>
  </div>
</template>

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