作用：路由的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的修改与其参数对应
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/6229.html
