99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

這篇文章給大家介紹如何在Vue項(xiàng)目中使用localStorage存儲(chǔ)數(shù)據(jù)，內(nèi)容非常詳細(xì)，感興趣的小伙伴們可以參考借鑒，希望對(duì)大家能有所幫助。

1.先組織出一個(gè)最新評(píng)論數(shù)據(jù)對(duì)象 

var comment = {id:Date.now(), user:this.user, content:this.content}

2. 把得到的評(píng)論對(duì)象，保存到localStorage中 

1.localStorage只支持存字符串?dāng)?shù)據(jù),保存先調(diào)用JSON.stringify轉(zhuǎn)為字符串

2.在保存最新的評(píng)論數(shù)據(jù)之前，要先從localStorage獲取到之前的評(píng)論數(shù)據(jù)(string)轉(zhuǎn)換為一個(gè)數(shù)組對(duì)象，然后把最新的評(píng)論，push到這個(gè)數(shù)組

3.如果獲取到的localStorage中的評(píng)論字符串為空，不存在，則可以返回一個(gè)'[]'讓JSON.parse去轉(zhuǎn)換

4.把最新的評(píng)論列表數(shù)組，再次調(diào)用JOSN.stringify轉(zhuǎn)為數(shù)組字符串，然后調(diào)用localStorage.setItem()保存

 
  
  
 

 
  
 
  
   
    評(píng)論人：{{item.user}}
     {{item.content}}