- 路由的props配置:让路由组件更加方便的收到参数
{name:'xiangqing',
path:'detail/:id'
component:Detail
//第一种写法:props值为对象,该对象中所有的key-value的组合最终都会通过props传给Detail组件
// props:{a:900}
//第二种写法: props值为布尔值,布尔值为true,则把路由收到的所有params参数通过props传给Detail组件
// props:true
//第三种写法: props值为函数,该函数返回的对象中每一组key-value都会通过props传给Detail组件props(route){
return {id:route.query.id,title:route.query.title}}}
- 路由的replace的属性
- 作用:控制路由跳转时操作浏览器历史记录的模式
- 浏览器记录写入方式有两种,默认是push追加历史记录、replace替换当前记录
- 开启replace模式
<router-link replace....>News</router-link>