vue-router 的 props参数

作用：使路由组件更方便接收参数

　　

    {
      name: "example",
      path: "detail/:id",
      component: RouteDetail,
      //第一种写法：props值为对象，该对象中所有的可以-value的组合最后都将通过props传给RouteDetail组件
      //Props: { a: 10 },
      //第二种写法：props值为布尔值，且值为true时，则把路由收到的所有params参数通过props传给RouteDetail组件
      //props: true,
      //第三种写法：props是为函数，此函数返回的对象中每一组key-value都会通过props传给RouteDetail组件
      props($route) {
        return {
          id: $route.query.id,
          title: $route.query.title,
        };
      },

or

      props({ query: { id, title } }) { //解构赋值的连续写法
        return { id, title };
      },
    },