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

簡(jiǎn)單

直接上代碼

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

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

created() {
    this.loadComments()
  },

然后在調(diào)用這個(gè)方法 意思是每次進(jìn)來頁面都會(huì)執(zhí)行一次這個(gè)方法 然后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中定義一個(gè)數(shù)組接受 如 username

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


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

第三步

這時(shí)候data的username就有數(shù)據(jù)了 怎么展示呢 直接this.username