如何在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}}
   
  
 
    
                 
                 
            
  
 

可以打开开发者模式查看localStorage保存的数据

如何在Vue项目中使用localStorage存储数据

关于如何在Vue项目中使用localStorage存储数据就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。


标题名称:如何在Vue项目中使用localStorage存储数据-创新互联
文章网址:http://pwwzsj.com/article/csdddi.html

其他资讯