Vue3 $router

Vue3中的$router是用于路由管理的实例对象。它提供了一些方法和属性，可以用来进行页面之间的导航和路由状态的管理。

在Vue3中，我们可以通过以下方式来访问$router对象：

1. 在Vue组件中：
可以通过this.$router来访问$router对象，例如：

export default {
  mounted() {
    // 获取当前路由路径
    console.log(this.$router.currentRoute.value.path);

    // 通过编程方式导航到其他页面
    this.$router.push('/other-page');
  }
}

2. 在Vue Composition API中：
可以通过inject函数来访问$router对象，例如：

import { inject } from 'vue';

export default {
  setup() {
    const router = inject('$router');

    // 获取当前路由路径
    console.log(router.currentRoute.value.path);

    // 通过编程方式导航到其他页面
    router.push('/other-page');

    return {};
  }
}

需要注意的是，使用$router对象之前，需要先在Vue应用中配置好路由器。具体的配置方法可以参考Vue Router的官方文档。

希望这个回答对你有帮助！如果你还有其他问题，请随时提问。