useRouter() 和 useRoute()

• useRouter()

作用：访问路由器实例。
用途：用于进行路由导航和控制，例如编程式导航、重定向等。
示例：可以用来调用 router.push()、router.replace() 等方法。

import { useRouter } from 'vue-router';

const router = useRouter();
router.push('/new-route');

• useRoute()

作用：访问当前路由对象。
用途：用于获取当前路由的信息，例如路径、参数、查询字符串等。
示例：可以用来获取路由的动态参数或查询参数。

import { useRoute } from 'vue-router';

const route = useRoute();
console.log(route.params.id);

• 总结

useRouter() 用于获取路由实例，以便执行路由操作。

useRoute() 用于获取当前路由的信息，以便在组件中使用。