路由的props配置项

作用：路由的props配置项可以让路由组件更方便的收到参数

🍋配置props的第一种写法

（1）在路由中配置props：

//props值为对象，该对象中所有的key-value的组合最终都会通过props传给组件
props:{a:900,b:200} 

（2）在组件中接收并使用：

props:['a','b'] //接收参数
<li>a:{{a}}，b:{{b}}</li> //使用参数

🍋配置props的第二种写法

（1）在路由中配置props：

//props值为布尔值，布尔值为true，则把路由收到的所有params参数通过props传给组件
props: true

（2）在组件中接收并使用：

props:['id','title'] //接收参数
//使用参数
      <li>学号：{{id}}</li>
      <li>信息：{{title}}</li>

🍋配置props的第三种写法

（1）在路由中配置props：

//props值为函数，该函数返回的对象中每一组key-value都会通过props传给组件
	props(route){
		return {
			id:route.query.id,
			title:route.query.title
		}
	}

（2）在组件中接收并使用：

props:['id','title'] //接收参数
//使用参数
      <li>学号：{{id}}</li>
      <li>信息：{{title}}</li>

注意：配置props时注意看收到的是query参数还是params参数，注意路由在path的修改与其参数对应