$route
对象是一个包含当前路由信息的对象,它提供了对当前激活的路由的访问和控制。$route
对象具有以下属性:
-
$route.path
:当前路由路径的字符串表示。 -
$route.params
:一个对象,包含动态路由参数和查询参数。 -
$route.query
:一个对象,包含查询参数。 -
$route.hash
:当前路由的 URL 哈希值。 -
$route.fullPath
:当前路由的完整路径,包括查询参数和哈希值。 -
$route.name
:当前路由的名称。
通过访问 $route
对象,你可以获取当前路由的信息,如路径、参数等。
$router
对象是 Vue Router 实例,它提供了导航功能,用于在不同的路由之间进行跳转。$router
对象具有以下方法:
-
$router.push(location)
:跳转到指定的路由。 -
$router.replace(location)
:替换当前路由为指定的路由。 -
$router.go(n)
:在浏览器历史记录中向前或向后前进多少步。 -
$router.back()
:在浏览器历史记录中后退一步。 -
$router.forward()
:在浏览器历史记录中前进一步。
通过调用 $router
对象的方法,你可以在组件中进行路由的导航操作,如跳转到其他路由、替换当前路由等。