vue中路由之間如何通訊？方法介紹

下面Vue.js教學欄位介紹一下vue中向路由元件傳遞props的方法。有一定的參考價值，有需要的朋友可以參考一下，希望對大家有幫助。

父子間的元件通訊是透過props和$emit來實現的，那麼路由之間的通訊呢，往下看：

我現在再webpack裡面有一個這樣的結構，

我現在想test1裡面的按鈕點擊跳到test2裡面，得到到test1傳遞過來的id和age，

路由我們可以這麼寫：

{
      path: "/test2/:id/:age",
      component:test2,
      // props:{id:"fang",age:18}
      props:true
    }

　　test1.vue：

test2.vue:

#效果：

 

######自己寫的比較簡單一些，具體可以看​​一下官方的文檔說明，不會的一起交流一下#########相關推薦：############2020年前端vue面試題大匯總（附答案）############vue教學推薦：2020最新的5個vue.js影片教學精選############更多程式相關知識，請訪問：###程式設計入門###！ ！ ######

以上是vue中路由之間如何通訊？方法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！