props配置

作用

让路由组件更加方便的收到参数

使用方法

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
{
    name:'xiangqing',
    path:'detail',
    component:Detail,
 
    // props的第一种写法，值为对象，该对象中的所有key-value都会以props的形式传给Detail组件
    // props:{a:1,b:'hello'}
 
    // props的第二种写法，值为布尔值，若布尔值为真，就会把该路由组件收到的所有params参数，以props的形式传给Detail组件
    // props:true
 
    // props的第三种写法，值为函数，该函数返回的对象中每一组key-value都会通过props传给Detail组件
    props({$route}){
        return {
            id:$route.query.id,
            title:$route.query.title
        }
    }
}