vue中的怎么獲取localStorage的信息

比如我登錄完了 想在頁面上面顯示登錄的名字
那么我存儲在localStorage的信息怎么給他顯示出來呢

簡單

直接上代碼

在methods 定義一個方法 
loadComments() {
      var list = localStorage.getItem("username");
      this.username = list;
    }

意思是localStorage.getItem 獲取localStorage 里面的username的值 然后巴爾這個值 保存在
![image.png](https://upload-images.jianshu.io/upload_images/19088858-c3557004283e26ad.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
username 里面

created() {
    this.loadComments()
  },

然后在調用這個方法 意思是每次進來頁面都會執行一次這個方法 然后console.log(username) 就可以拿到里面的值了
![image.png](https://upload-images.jianshu.io/upload_images/19088858-f0b764cf2dd612d5.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
這樣子顯示
![image.png](https://upload-images.jianshu.io/upload_images/19088858-e4413035f53adef5.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)



不知道為什么 展示不了圖片 大家直接跟著我的代碼用吧!
第一步
在data中定義一個數組接受 如 username

在methods 定義一個方法 
loadComments() {
      var list = localStorage.getItem("username");
      this.username = list;
    }


第二步 
created() {
    this.loadComments()
  },

第三步

這時候data的username就有數據了 怎么展示呢 直接this.username
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 33、JS中的本地存儲 把一些信息存儲在當前瀏覽器指定域下的某一個地方(存儲到物理硬盤中)1、不能跨瀏覽器傳輸:在...
    萌妹撒閱讀 2,098評論 0 2
  • 1. cookie 1.1 什么是cookie cookie 是存儲于訪問者的計算機中的變量。每當同一臺計算機通過...
    cbw100閱讀 4,090評論 0 13
  • Swift1> Swift和OC的區別1.1> Swift沒有地址/指針的概念1.2> 泛型1.3> 類型嚴謹 對...
    cosWriter閱讀 11,136評論 1 32
  • 面對情緒激動的女兒。午休時接到女兒的電話,女兒情緒比較激動,滿腔的憤怒。我問女兒發生了什么事,女兒積壓的情...
    成長自已閱讀 224評論 0 1
  • 駕一葉扁舟 跟流水自悠悠 漫無目的地飄搖 不在乎東西南北中 都在天地間有何關系 活過的每一天都有目的 從今往后,過...
    月圓天心閱讀 173評論 1 1