1.在path中添加/:id來(lái)對(duì)應(yīng) $router.push 中path攜帶的參數(shù)。在子組件中可以使用來(lái)獲取傳遞的參數(shù)值。

方案一：

實(shí)現(xiàn)：

在組件two中點(diǎn)擊時(shí)會(huì)將點(diǎn)擊的城市名傳遞到city組件中

路由配置如下

city組件以及接收傳來(lái)的參數(shù)的方式

效果

點(diǎn)擊聊城，在跳轉(zhuǎn)到city組件之后，將聊城這個(gè)參數(shù)也傳遞了過(guò)來(lái)。

方案二：

實(shí)現(xiàn)：

在組件main中點(diǎn)擊對(duì)應(yīng)的季節(jié)將該參數(shù)傳遞到跳轉(zhuǎn)的MainD組件中

組件MainD接參

效果：

點(diǎn)擊夏天跳轉(zhuǎn)頁(yè)面之后，在MainD頁(yè)面顯示夏天

方案三：平常最常用的一種方式

實(shí)現(xiàn)：

在組件list中向listDetail組件中傳遞對(duì)應(yīng)的多個(gè)參數(shù)

路由配置

組件listDetail中以及接收參數(shù)

相當(dāng)于在list組件中點(diǎn)擊列表，在listDetail組件中，顯示點(diǎn)擊的列表項(xiàng)的詳情

效果：

以上便是vue傳參常見的三種方式