props傳物件

先配置好路由，然後在Detail路由中配置props，用物件的形式來寫，

我們來該元件中用props接收，router中傳的是a,b 我們需要接收a,b 然後直接{{a}},{{b}}直接能展示

 然後看效果：

 注意：這種寫法是穿過來的資料是死的，所以不經常用

props的第二種寫法 布林值 

props的值若為真，就會把該路由元件收到的所有params資料傳給detail元件

然後接收資料：

注意： router-link裡面必須是params才能傳遞資料，如果是query則不會傳

我們看網頁效果： 點選不同的router-link會傳輸不同的資料

 props函式寫法

這種方法可以利用query來傳資料

程式碼如下 把props寫為一個函式，寫入$route，可以去呼叫$route.query裡面的資料：

然後改一下message

 看網頁效果

 以上就是路由中用props傳輸資料的三種方法，第二種和第三種最為常用

先配置好路由，然後在Detail路由中配置props，用物件的形式來寫，

我們來該元件中用props接收，router中傳的是a,b 我們需要接收a,b 然後直接{{a}},{{b}}直接能展示

 然後看效果：

 注意：這種寫法是穿過來的資料是死的，所以不經常用

props的第二種寫法 布林值 

props的值若為真，就會把該路由元件收到的所有params資料傳給detail元件

然後接收資料：

注意： router-link裡面必須是params才能傳遞資料，如果是query則不會傳

我們看網頁效果： 點選不同的router-link會傳輸不同的資料

 props函式寫法

這種方法可以利用query來傳資料

程式碼如下 把props寫為一個函式，寫入$route，可以去呼叫$route.query裡面的資料：

然後改一下message

 看網頁效果

 以上就是路由中用props傳輸資料的三種方法，第二種和第三種最為常用