params參數(shù)是Vue.js路由傳參的一種方式,它主要用于將參數(shù)傳遞給路由組件,以實(shí)現(xiàn)不同組件之間的數(shù)據(jù)傳遞。在Vue.js中,我們可以通過(guò)$route.params對(duì)象來(lái)訪問(wèn)路由參數(shù),該對(duì)象中的每個(gè)屬性對(duì)應(yīng)著URL中的一個(gè)參數(shù)。
const router = new VueRouter({
routes: [
{
path: '/user/:id',
component: User,
props: true
}
]
})
const User = {
props: ['id'],
template: 'User {{ id }}'
}
router.push('/user/123')
// 在 User 組件內(nèi)部通過(guò) $route.params 訪問(wèn)路由參數(shù)
如上代碼演示了如何在Vue.js中使用params參數(shù)來(lái)傳遞路由參數(shù)。首先,我們創(chuàng)建了一個(gè)路由對(duì)象,并通過(guò)routes選項(xiàng)定義了一個(gè)路由規(guī)則,使用path屬性定義了URL匹配規(guī)則,其中:id表示URL中的參數(shù)名。
然后,我們定義了一個(gè)名為User的組件,并通過(guò)props選項(xiàng)定義了一個(gè)名為id的屬性,該屬性將綁定到路由參數(shù)中的值,也就是URL中的:id所代表的值。
最后,我們使用了router.push來(lái)指定了一個(gè)URL '/user/123',然后在User組件中訪問(wèn)這個(gè)參數(shù)的值只需通過(guò)$route.params.id即可。