路由在跳转到目标路径时,我们可以指定路由携带一些参数进行跳转,我们主要使用的是 query 参数和 params 参数
1.query参数
a.在跳转的时候,指定要传递的参数的写法,有字符串和对象两种方法
**to的字符串写法:**在路径后,加上所要传的参数,表示传递的数据是 id=666,title=你好
**to的对象写法:**将path和query封装为一个对象,表示传递的数据是 id=666,title=你好
跳转
<router-link
:to="{
path:‘/home/message/detail’,
query:{
id:666,
title:‘你好’
}
}"
跳转
b.接收参数(拿到参数)的写法:
使用下面的方法:即可将路由传递的数据获取到,然后对数据进行其他操作
$route.query.参数名字
$route.query.id
$route.query.title
使用简化写法,也可以传递参数:只需要将路径 path ,换成 name 即可
<router-link
:to="{
name:‘hello’,
query:{
id:666,