一、需求
点击哪个消息,就展示哪个消息的详情
这是一个三级路由!
给路由组件:detail.vue传递消息数据。
二、代码步骤
2-1、编写路由组件
从$route.query属性里面获取传参
2-2、编写路由规则
2-3、编写路由标签,传参
1、to的字符串写法
to="xxxxxxxxxx"
xxxxxxxxxx作为字符串;
:to="xxxxxxxxxx"
xxxxxxxxxx作为js代码。
:to="`xxxxxxxxxx`"
`xxxxxxxxxx`:模版字符串,里面想要混着js的变量
`xxxxx${xxx.name}xxxxx`
传参会在域名中展示: