在vue 路由配置文件，配置了props，作用是可以与route解耦，取值方便
配置props方式有三类：
1 设置为true
{
path："/news/:type?",
component: () => import(/* webpackChunkName: "news-chunk-name" */ "News组件”)，
props: true
}
在News组件中，使用如下：
{
props：["type"]，// 在props指定需要的属性名称
data: () => {},
methods: {}
...
}
可以直接用 this.type取值，而可以不用 this.$route.params.type 取值
2 设置为对象
如果 props 是一个对象，它会被按原样设置为组件属性。当 props 是静态的时候有用。
{
path："/news/:type?",
component: () => import(/* webpackChunkName: "news-chunk-name" */ "News组件”)，
props: {
country: 'China',
time: '6pm'
}
}
在News组件中，使用如下：
{
props：["country"，“time”]，// 在props指定需要的属性名称
data: () => {},
methods: {}
...
}
3 设置为函数( 返回对象)
可以将参数转换成另一种类型，将静态值与基于路由的值结合等等。
比如 想利用url中query的数值，设置如下：
{
path："/news/:type?",
component: () => import(/* webpackChunkName: "news-chunk-name" */ "News组件”)，
props: (route) => ({
country: route.query.country,
time: route.query.time
})
}
利用方式 与 1，2 相同
https://router.vuejs.org/zh/guide/essentials/passing-props.html#%E5%B8%83%E5%B0%94%E6%A8%A1%E5%BC%8F
vue 路由配置文件中指定props的作用
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
