我可以让 Vue.js 跨站点保持活跃吗？

Question

我在 Vue 中使用 <keep-alive> 标记（如 this question 中所述）来跨路由保留组件的状态，这样当我导航到应用程序的不同部分时，状态不会重置。这似乎工作正常。

我想知道的是：有没有办法跨站点保存状态？当我导航到不同的网站（通过单击外部链接）时，然后点击后退按钮返回应用程序，我希望组件仍保留其状态。

这是我可以在 Vue 中使用keep-alive 或其他方式实现的吗？

Answer 1

Vue 是一个客户端框架。这意味着，当您离开您的 vue 应用程序时，组件将被销毁并忘记/丢失所有内容。如果您在 vue 应用程序中四处走动，这可能是可能的，但其他方式则没有办法。我想，都是关于浏览器的。

我同意@Joseph 的观点，您可以使用 LocalStorage 或 SessionStorage，或者您可以在 Vue 生命周期中调用 API，并在每次按下刷新或返回按钮时填充状态。