配置路由规则时，props的写法

在配置路由规则时，可以指定props属性，后面的跟的属性值有三种写法：

1） 布尔数据 这样id就可以通过props来接收了
{path:"/about/:id",name:“about”,component:About,props:true},

2） props后面跟上一个对象，如果props是一个对象，它会被按原样设置为组件的属性。
{path:"/about/:id",name:“about”,component:About,props:{intro:“百度”,site:“http://www.baidu.com”}},

3） props后面跟上一个函数 把我们写的数据和中路由传递的数据结合在一起
props:(route)=>({params:route.params,a:1,b:2})

1）跟布尔数据：

{path:"/about/:id",name:"about",component:About,props:true},

使用方法：

   export default {
        name: "About",
        props:["id"]
    }

直接小胡子就可应用
2）跟对象：

 {path:"/about/:id",name:"about",component:About,props:{intro:"百度",site:"http://www.baidu.com"}},

使用方法：

   export default {
        name: "About",
        props:["intro"，"site"]
    }

直接小胡子就可应用
3)跟函数：

{path:"/about/:id",name:"about",component:About,props:(route)=>({params:route.params,a:1,b:2})}

使用方法：

   export default {
        name: "About",
        props:["params","a","b"]
    }

params里有id属性