在写商城的时候遇见一个问题:点击立即购买,需要把选中的规格和数量传到订单页面我们会选择把vue刷新页面数据消失存储在vuex中,可是当页面刷新之后vue刷新页面数據消失就消失了,解决方法如下:
在写商城的时候遇见一个问题:点击立即购买,需要把选中的规格和数量传到订单页面我们会选择把vue刷新页面数据消失存储在vuex中,可是当页面刷新之后vue刷新页面数據消失就消失了,解决方法如下:
(1)js代码是运行在内存中的代碼运行时的所有变量、函数都是保存在内存中。
(2)刷新页面以前申请的内存被释放,重新加载脚本代码变量要重新赋值。
(3)要想刷新后vue刷新页面数据消失不丢失就必须把vue刷新页面数据消失存储在外部例如:Local Storage、Session Storage、Index DB等。这些都是浏览器提供的API让你可以将vue刷新页面数據消失存储在硬盘上,做持久化存储
(1)存储的vue刷新页面数据消失是永久性的,永不过期;
(2)作用域是限定在文档源级别的同源的文档间共享同样的localStoragevue刷新页面数据消失(不论该源的脚本是否真正的访问localStorage)。
他们可以互相讀取对方的vue刷新页面数据消失甚至可以覆盖对方的vue刷新页面数据消失。但是非同源的文档间互相都不能读取或者覆盖对方的vue刷新页面數据消失。
(即使他们运行的脚本是来自同一台第三方的服务器也不行)
(1)会话,当浏览器关闭时会话结束并清除vue刷新页面数据消失有时间期限;
(2)存储vue刷新页面数据消失的有效期和存储vue刷新页面数据消失的脚本所在的最顶层的窗口或者是浏览器标签页是一样的,┅旦窗口或者标签页被永久关闭了
那么所有通过sessionStorage存储的vue刷新页面数据消失也都被删除了。