欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

vue 3路由組件屬性

老白2年前10瀏覽0評論

在Vue 3中,路由組件的屬性有所改變。原來的props選項現在被移除了,取而代之的是props函數。

const routes = [
{
path: '/user/:id',
component: User,
props: true
}
]

在上面的代碼中,props: true表示將所有路由參數作為props注入到組件中。

如果要自定義props,可以使用函數的方式:

const routes = [
{
path: '/user/:id',
component: User,
props: (route) => ({ id: route.params.id })
}
]

在上面的代碼中,props函數返回一個對象,對象的屬性id來自于路由參數id。

另外,props函數還可以接收第二個參數route,它是當前正在被訪問的路由對象。這個參數可以用來從路由對象中獲取其他信息作為props的屬性:

const routes = [
{
path: '/user/:id',
component: User,
props: (route) => ({ id: route.params.id, name: route.query.name })
}
]

在上面的代碼中,props函數返回一個對象,對象的屬性idname分別來自于路由參數id和查詢參數name。