Vue腳手架中路由傳參
我們經(jīng)常需要把某種模式匹配到的所有路由旧找，全都映射到同個組件会烙。例如購物商場APP中有很多的商品致燥，當點擊想要了解的商品跳轉(zhuǎn)到詳情頁時對應(yīng)的是每個商品的詳細信息莲祸，所以這時我們就需要對應(yīng)的商品id 然后通過此商品對應(yīng)的id去獲取詳細的參數(shù)酪穿。
方法一：
動態(tài)路徑參數(shù) restful風格
動態(tài)路徑參數(shù) 以冒號開頭
匹配路由 將對應(yīng)的id傳入詳細頁
在詳情頁可以通過 ：$route.params.id 來獲取相對應(yīng)的id族淮，這樣相對限制了使用的靈活性
可以通過使用?props?將組件和路由解耦
在path下加上props為true
在詳情頁通過props獲得對應(yīng)的商品id （此處的參數(shù)名需要與路徑：后的名稱一致）
方法二：
在Vue中也可以通過地址欄URL來傳參:
path路徑 + 參數(shù)
在跳轉(zhuǎn)的頁面中獲取id
兩個方法各有各自的特點辫红，我本人更喜歡第二種方法，因為有多個參數(shù)需要傳遞時祝辣，只要在路徑的地方加上贴妻？id= xx & name = xx? 只要通過&符號分割
