vue案例 | vue get sessionstorage
第一部分 SessionStorage首先查看sessionStorage的地方在控制台的Application>Storage>SessionStorage这里: 根据sessionstorage的特性,做一下各个方法的封装:constls=window.sessionStorage; export default{ getItem(key){ try{ returnJSON.parse(ls.getItem(key)); }catch(err){ returnnull; } }, setItem(key,val){ ls.setItem(key,JSON.stringify(val)); }, clear(){ ls.clear(); }, keys(index){ returnls.key(index); }, removeItem(key...
第一部分 SessionStorage首先查看sessionStorage的地方在控制台的 Application > Storage > Session Storage这里:
根据sessionstorage的特性,做一下各个方法的封装:
const ls = window.sessionStorage; export default { getItem(key) { try { return JSON.parse(ls.getItem(key)); } catch (err) { return null; } }, setItem(key, val) { ls.setItem(key, JSON.stringify(val)); }, clear() { ls.clear(); }, keys(index) { return ls.key(index); }, removeItem(key) { ls.removeItem(key); } }封装代码解析:
首先将window.sessionStorage/localStorage赋值给简短的变量名ls
然后在js文件中直接export default抛出一个对象,对象内包含五个方法: getItem用来封装数据的获取,其参数是key名 setItem用来封装设置数据,其参数是key名 因为sessionStorage存储的数据只能是字符串,对于常用的对象和数组是存储不了的。 所以在getItem这里需要JSON.parse来将JSON 字符串转换(“格式化”)为对象、 在setItem里需要JSON.stringify处...