第一種方式：用query傳參

對(duì)于router-link

普通攜帶參數(shù)方式

對(duì)于特殊觸發(fā)時(shí)機(jī)，比如點(diǎn)擊事件

普通攜帶參數(shù)方式

②對(duì)象傳參方式

特殊傳參方式：路由的props配置

對(duì)于query，在需要被傳參的路由處填寫props函數(shù)式寫法

進(jìn)一步簡(jiǎn)化（多級(jí)es6對(duì)象解構(gòu)）

如何獲取參數(shù)?

第二種傳參方式：params傳參

params方式必須在路由上有占位,值得注意的是用對(duì)象傳參必須由name指定路由

對(duì)于router-link

普通攜帶參數(shù)方式

對(duì)象攜參方式

對(duì)于特殊觸發(fā)時(shí)機(jī)，比如點(diǎn)擊事件

普通攜帶參數(shù)方式

對(duì)象攜參方式

特殊傳參方式：路由的props配置

對(duì)于params

①?在需要被傳參的路由處填寫props:true，在其內(nèi)可以接收對(duì)應(yīng)參數(shù)名的數(shù)據(jù)

需要被傳參的路由組件中

② 在需要被傳參的路由處填寫props函數(shù)式寫法

路由中

組件中