數據傳遞(本地存儲、vuex存儲、路由參數)


參考:https://blog.csdn.net/wang1006008051/article/details/77898559 或 

一、本地存儲(localStorage、sessionStorage):頁面數據傳遞

  1、localStorage 和 sessionStorage的選擇:http://www.imooc.com/wenda/detail/508665
     新開標簽頁 sessionStorage 的數據也會消失的。如果是程序中打開(window.open)的新標簽頁還是會有 sessionStorage 數據的。

     小結:頁面間傳遞數據 都用 localStorage,除非是 會話級別的 存儲,才會使用 sessionStorage

     sessionStorage 使用場景:適合做一些當  首次進入頁面的時候 必須要和后台進行交互的場景。其它頁面跳轉到首頁的時候不去 執行的邏輯。

                 判斷頁面是不是 首次進入。

  2、命名空間:https://www.cnblogs.com/hanshuai/p/12194307.html

     說明:本地存儲是沒有命名空間的,我們可以給存儲的名稱添加一個前綴作為 命名空間,避開不同頁面可能出現重名覆蓋的問題。

  3、設置 localStorage 的 有效時間:

二、vuex:組件間數據傳遞。一般不用在頁面間傳遞

三、路由參數:網頁需要  收藏 或 分享,傳遞的參數就必須放在url上。不然會無效


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM