Javascript 是否可以保存web html并从中还原？

我的问题是如何将html所有元素保存到localstorage，然后关闭浏览器，下次打开此url时，它可以从localstorage还原。 我尝试过使用jquery，但没有达到我的期望。

let nowPage=$（'html'）.html（）
$（'html'）.html（this.hispage）

---

元素显示正确，但样式已更改，“所有”按钮已失效。

保存并尝试还原呈现的HTML字符串不会还原Vue需要操作的所有数据和事件绑定；您只需使用静态HTML即可

与其尝试保存给定应用程序状态的渲染结果，不如保存导致该状态的数据；根据保存的数据初始化Vue应用程序

例如，假设您的一个组件依赖于其模板中的

isOpen

变量：

<div v-if="isOpen">This panel is visible</div> 

此面板可见

要存储此页面，而不是呈现的HTML，您需要存储

isOpen

；并让组件从其

created（）

或

mounted（）

中的localStorage读取该值。对应用程序所依赖的任何其他变量重复此操作

（如果您使用的是vuex，您可以使用（例如）自动化或至少简化此过程）

（同时：一般来说，要非常小心将jQuery与Vue混合使用：Vue不知道并且可能会覆盖您在jQuery中执行的任何DOM修改，而jQuery可以轻松覆盖Vue依赖的数据和事件绑定。通常，操作应用程序底层的数据并让Vue处理将其转换为HTML要比尝试像jQuery代码那样直接操作HTML。）