vue会话存储的形式传递值

本地存储通过localStorage对象实现,数据持久化,全站可访问;会话存储基于sessionStorage,数据临时保存,窗口关闭即消失。利用JSON.stringify和JSON.parse可实现对象与字符串间的转换,方便数据在页面间的传递。
摘要由CSDN通过智能技术生成

本地存储,对应localStorage对象。用于长期保存网站的数据,并且站内任何页面都可以访问该数据。

会话存储,对应 sessionStorage对象。用于临时保存针对一个窗口(或标签页)的数据。在访客关闭窗口或者标签页之前,这些数据是存在的,而关闭之后就会被浏览器删除。

总之 简单的数据使用会话存储,页面关闭就丢失数据

 JSON.stringify先将对象转换为字符串

JSON.parse将JSON格式字符串转换为js对象

我们需要将左侧的数据传递到右侧的页面

 在左侧需要sessionStorage.setItem("名",JSON.stringify(传递的值))

右侧接收JSON.parse(sessionStorage.getItem('名'));

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值