- 作用：让路由组件更方便的收到参数（query、params）
{
path: 'message',
component: Message,
children: [
{
name: 'msg-d',
path: 'detail/:id/:title/:views',
component: Detail,
// props的第一种写法，值为对象。该对象的所有key-value都会以props的形式传给当前组件中
props: {a:1, b:2}, // 固定值
// props的第二种写法，值为boolean。就会把该路由组件收到的所有params参数，以props的形式传给当前组件中，即在组件中配置props属性接受键值
// props:true,
// props的第三种写法，值为function。就会把该路由组件收到的所有params参数，以props的形式传给当前组件中，即在组件中配置props属性接受键值
props($route) {
return {
id: $route.params.id,
title: $route.params.title,
views: $route.params.views,
}
},
// props({params:{id, title, views}}) { // 不推荐，不易于理解
// return {
// id, title, views,
// }
// },
}
]
},
Original: https://www.cnblogs.com/aitiknowledge/p/15931271.html
Author: xsha_h
Title: Vue的路由使用及参数接受
原创文章受到原创版权保护。转载请注明出处：https://www.johngo689.com/643884/
转载文章受原作者版权保护。转载请注明原作者出处！