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

成都創(chuàng)新互聯(lián)公司-專(zhuān)業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性?xún)r(jià)比二七網(wǎng)站開(kāi)發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫(kù),直接使用。一站式二七網(wǎng)站制作公司更省心,省錢(qián),快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋二七地區(qū)。費(fèi)用合理售后完善，十年實(shí)體公司更值得信賴(lài)。

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}}