Vue路由的props参数写法

{
    name:'xijie',
    // : -> 占位符
    path: 'details/:id/:title',
    component: details,

    //props的第一种写法：值为对象.该对象中的所有键值对都会以props的形式传给Details组件
    // props:{id:'007',title:'赛文'}

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

    //props的第三种写法：值为函数  函数参数中默认有$route参数
    props($route){
        return {
            id:$route.query.id,
            title:$route.query.title
        }
    }
/*
- ES6特性结构赋值写法
- 回调函数参数中默认有$route参数，通过结构赋值取出$route中的query值，由于query是一个对象
      又可以对这个对象进行结构赋值，取出id和title参数
- ({item}) => 相当于对默认参数对象调用了getterItem方法，返回值就是想要获取的值，一次类推套娃
props({query:{id,title}}){
        return {
            id:$route.query.id,
            title:$route.query.title
        }
    }
* */

}