【Vue-router的路由props配置】

作用：让路由组件更方便的接收到参数。

1. 第一种写法

path: 'detail',
component: Detail,

 // props的第一种写法，值为对象
 // 该对象中的所有key-value都会以props的形式传给Detail组件。
props: {
     a: 1, 
     b: 'hello'
} 

2. 第二种写法

// props第二种写法，值为布尔值
// 若布尔值为真，就会把该路由组件收到的所有params参数，以props的形式传给Detail组件。
props: true

3. 第三种写法

// props第三种写法，值为函数
props($route){
   // this---->undefined
   // console.log($route);
   
   return {
       id: $route.query.id,
       title: $route.query.title
   }
}