路由的 props 配置

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

routes: [{
        path: '/home',
        component: Home,
        //写法一：props值为对象，将对象的key-value通过props传给Home组件
        // props:{id:666,title:'what?'},
        //写法二：props值为ture，将$route.params的所有传给Home组件
        // props:true,
        //写法三：props值为函数，该函数放回的每一组key-value通过props传给Home
        props($route){
            return{
                id:$route.query.id,
                title:$route.query.id
            }}
    }]

组件页面，接收参数

   <!-- 路由跳转并携带querry参数，to的对象写法 -->
    <router-link :to="{
      path:'/home/message/detail',
      porps:['id','title'],
      querry:{
        id:m.id,
        title:m.title}
      }"></router-link>