如何在Vue项目中使用localStorage存储数据-创新互联

这篇文章给大家介绍如何在Vue项目中使用localStorage存储数据，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

目前创新互联公司已为数千家的企业提供了网站建设、域名、雅安服务器托管、成都网站托管、企业网站设计、洪雅网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

1.先组织出一个最新评论数据对象

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

2. 把得到的评论对象，保存到localStorage中

1.localStorage只支持存字符串数据,保存先调用JSON.stringify转为字符串

2.在保存最新的评论数据之前，要先从localStorage获取到之前的评论数据(string)转换为一个数组对象，然后把最新的评论，push到这个数组

3.如果获取到的localStorage中的评论字符串为空，不存在，则可以返回一个'[]'让JSON.parse去转换

4.把最新的评论列表数组，再次调用JOSN.stringify转为数组字符串，然后调用localStorage.setItem()保存


 
  
  
 

 
  
 
  
   
    评论人：{{item.user}}
     {{item.content}}

评论人：

评论内容：