vue$route
Vue的$route对象用于获取当前路由的相关信息,包括路径、参数、查询参数等。$route对象是Vue Router自动注入的全局对象,可以在任何组件中使用。
$route对象的常用属性有:
1. path:当前路由的路径。例如,如果当前路径是"/users",则$route.path的值为"/users"。
2. params:包含路由参数的对象。如果在路由路径中定义了参数,例如"/users/:id",则可以通过$route.params.id获取该参数的值。
3. query:包含查询参数的对象。如果在路由路径中定义了查询参数,例如"/users?id=1",则可以通过$route.query.id获取该查询参数的值。
4. hash:当前URL的哈希值,即"#"后面的部分。
5. fullPath:完整的URL路径,包括路径、查询参数和哈希值。
这些属性可以用于根据当前路由做出相应的操作。例如,可以根据$route.path判断当前路径是否是某个特定的路径,或者根据$route.params获取路由参数,再根据参数的值决定展示哪些组件或内容。
$route对象还提供了一些方法,用于跳转到其他路由或在当前路由上进行操作。
1. push(url):跳转到指定的URL路径。参数url可以是一个字符串,也可以是一个包含路径、查询参数和哈希值的对象。例如,$route.push('/users')和$route.push({ path: '/users' })都可以将当前页面跳转到"/users"路径。
2. replace(url):用指定的URL路径替换当前路由,而不是向浏览器的历史栈添加新记录。使用方法与push相同。
3. go(n):前进或后退n个记录。n可以是正数(前进)或负数(后退)。
4. back():后退一个记录,相当于go(-1)。
5. forward():前进一个记录,相当于go(1)。
通过$route对象,可以方便地获取当前路由的相关信息,并进行页面跳转或导航操作。$route对象是Vue Router提供的一个重要工具,能够帮助我们更好地管理应用的路由。