組件是Vue最強大的功能，js組件可以封裝可復用的代碼，通過傳入不同的對象可以實現組件的復用，但是組件的值傳遞成為壹個需要解決的問題。
1.父組件將值傳遞給子組件。
組件實例的範圍是獨立的。這意味著父組件的數據不能在子組件的模板中被直接引用。為了讓子組件使用父組件的數據，我們需要使用子組件的props選項。
子組件:
如果子組件需要從父組件獲取logo的值，就需要使用props: ['logo']。
父組件:
2.子組件將該值傳遞給父組件。
子組件主要通過事件將數據傳遞給父組件。
子組件:
其中，transferUser是壹個自定義事件，this.username將通過該事件傳遞給父組件。
父組件:
getUser方法中的參數msg是從子組件傳遞的參數username。
3.路由值轉移
使用時，會在生命周期中創建分配。
4.通過localStorage或sessionStorage存儲數據。
相信看完這個案例，妳已經掌握了方法。更多精彩請關註Gxl上其他相關文章！
推薦閱讀:
vue中加載v鬥蓬時如何處理閃爍？
如何操作Vue制作委托代理