将根作用域数据存储在浏览器本地/会话存储中，并在页面重新加载后加载

将根作用域数据存储在浏览器本地/会话存储中，并在页面重新加载后加载，可以使用浏览器提供的Web Storage API来实现。

Web Storage API包括两种存储方式：localStorage和sessionStorage。

1. localStorage:
   • 概念：localStorage是一种在浏览器中存储数据的机制，数据会一直保存在客户端，除非被显式删除或者浏览器缓存被清除。
   • 分类：localStorage属于浏览器本地存储，数据存储在客户端的硬盘上。
   • 优势：相对于传统的cookie，localStorage具有更大的存储容量（一般为5MB），并且不会随着HTTP请求自动发送到服务器端，减少了网络流量。
   • 应用场景：适用于需要在页面重新加载后仍然保留数据的场景，例如用户的个性化设置、表单数据的自动填充等。
   • 腾讯云相关产品：腾讯云没有特定的产品与localStorage直接相关。

• sessionStorage:
  • 概念：sessionStorage也是一种在浏览器中存储数据的机制，数据只在当前会话中有效，当会话结束（关闭浏览器标签页或浏览器）时会被清除。
  • 分类：sessionStorage属于浏览器本地存储，数据存储在客户端的硬盘上。
  • 优势：相对于localStorage，sessionStorage的数据生命周期更短，更适合临时保存数据。
  • 应用场景：适用于需要在当前会话中保留数据的场景，例如多个页面之间的数据传递、临时保存用户操作的中间结果等。
  • 腾讯云相关产品：腾讯云没有特定的产品与sessionStorage直接相关。

需要注意的是，Web Storage API只能存储字符串类型的数据，如果需要存储其他类型的数据，可以使用JSON.stringify()将其转换为字符串进行存储，再使用JSON.parse()将其转换回原始类型。

更多关于Web Storage API的详细介绍和用法，请参考腾讯云文档：

• localStorage：https://cloud.tencent.com/document/product/213/10557
• sessionStorage：https://cloud.tencent.com/document/product/213/10558