• 由于在vue3中，组件中无法访问this,所以无法访问this.$route与this.$router

useRoute

• useRoute是vue-router中的一个函数，是用来获取页面的路由信息。
• useRoute的返回值值一个对象，里面包含着路由信息。

useRouter

• useRouter是vue-router中的一个函数，是用来获取路由实例。
• 可以使用编程式导航路由跳转页面

例如

<script setup >
import { useRoute, useRouter } from 'vue-router';

// 获取页面路由信息
  const route = useRoute()
  console.log(6,route);
  console.log(7,route.path);   //基本路径
  console.log(8,route.fullPath);  //完整路径
  console.log(9,route.query);     //获取参数

  // 获取路由实例
  const router = useRouter()
  console.log(13,router);

  const btn = () => {
    router.push('/login')
  }
</script>

<template>
  <h1>首页</h1>
  <button @click="btn">去登录</button>
</template>

<style scoped>

</style>