vue頁面之間數據的傳遞

vue是由一個個組件組合而成的頁面,今天我們就來說一下頁面之間數據的傳遞. 
我們經常會在后台管理系統看到用戶詳情,有添加用戶和編輯用戶.有時候我們的添加和編輯是在同一頁面上以模態框的形式展現的,但有的時候則是以另一兄弟頁面的形式展示的,這個時候就需要從主頁面向兄弟頁面進行傳值.在vue中是怎么做到的呢?今天我們用舉例子的方式介紹一下. 
在我們現在做的后台管理系統中,有組織機構的頁面. 

我們想要的效果是點擊樹節點獲取到組織詳情和組織下的人員詳情,但這里我們不做過多的介紹,就是一般的后台請求接口的方式,現在我們可以看到上面有兩個按鈕,分別是添加和編輯. 
我們現在說一下編輯 我們先點擊樹節點獲取到相應的組織結構 

然后如果我們想要編輯組織詳情的話,點擊編輯(因為內容多)我們想要跳轉到另一個頁面 
 
因為路徑不同,數據該怎樣從詳情頁面傳遞到編輯頁面的呢? 
 
我們點擊編輯按鈕的時候跳轉到我們編輯的路徑,同樣需要傳遞給我們編輯頁面的有我們向后台獲取組織詳情時候的id,然后我們在編輯頁面需要接收這個id然后在初始化的時候向后台傳遞這個id,獲取相應的詳情即可. 

正常的情況下我們接收到需要的id即可.讓我們編輯的內容和從后台獲取的內容相互綁定即可.這個時候編輯頁面的數據就是和詳情頁面的是一樣的.