$route.query.id
$route.query.title
6.给路由命名
当多级路由时给上name名可以简化跳转,一级路由给不给name没有多大影响
routes:[
{
//给路由命名 跳转时直接用name:命名 不用path
name:‘nameabout’,
path:‘/about’,
component:About
},
{
path:‘/home’,
component:Home,
// 二级路由
children:[
{
//这里不用加斜
path:‘news’,
component:News,
},
{
//这里不用加斜
path:‘message’,
component:Message,
children:[
{
//多级路由给name 可以简化跳转
name:‘namedetail’,
path:‘detail’,
component:Detail
}
]
}
]
}
]
2.简化跳转
<router-link :to="{
//你要去到哪个组件
//直接使用name 不用path路径
name:‘namedetail’ ,
query:{
id:m.id,
title:m.title
}
}">
{ {m.title}}
6.路由的params参数
1.配置路由,声明接收params参数
routes:[
{
name:‘nameabout’,
path:‘/about’,
component:About
},
{
path:‘/home’,
component:Home,
// 二级路由
children:[
{
//这里不用加斜
path:‘news’,
component:News,
},
{
//这里不用加斜
path:‘message’,
component:Message,
chil