第一步:配置路由规则:id 占位符
{
path:'message',
component:Message,
children:[
{
name:'xiangqing',
path:'detail/:id/:title',
component:Detail,
}
]
}
第二配置router-link /写全
to的字符串写法
<router-link :to="`/home/message/detail/${m.id}/${m.title}`">{{m.title}}</router-link>
to的对象写法params 必须写name参数
<router-link :to="{
name:'xiangqing',
params:{
id:m.id,
title:m.title
}
}">
使用路由
<router-view></router-view>