关于Vue全局刷新后页面数据保留问题

最近开始学Vue，菜鸟一枚，大神勿喷！

 

今天码代码，做了一个表单上传的页面，其中包含了文件上传，

文件上传到服务器后成功的获取到了返回的值，并赋值到了表单中的一个input hidden中，

但是后来却发现了一个问题，就是当其他input框中的数据改变时，我赋值的那个input hidden的值就会被清空，

于是咨询了一下朋友，告诉我可能是全局刷新的问题，谷歌一下，发现在这里需要用到缓存的方式，由于我的是一个单页面，数据只需要在这个页面存在时保留，所以最终采用了sessionStorage 来存储数据。

 

// 存储，通过此方式将数据存入sessionStorage中，lastname表示存储数据的键，Smith是你要存的值
sessionStorage.setItem("lastname", "Smith");
// 取值，此为取出数据重新赋值到你需要赋值的位置，这样就可以在VUE进行刷新时保存数据，防止被清空。
document.getElementById("result").innerHTML = sessionStorage.getItem("lastname");