如何在后台加载vue.js单个文件组件？

Question

我目前在vue单个文件组件中有一个（地理）地图，上面有点/标记。当显示点/标记的细节时，我现在使用一个“位于地图组件顶部”的模态。当我关闭模态时，地图没有重新加载，一切都处于相同的状态，这是必要的。

我不想使用模态而是使用另一个vue组件，但是当回到地图时它重新加载并且它已经失去了它的状态。有没有一种简单的方法可以将地图保存在后台？那么当回到'历史'时，它仍处于同一状态？

Answer 1

导航到其他路径时，可以使用keep-alive组件使组件保持活动状态。 https://vuejs.org/v2/guide/components.html#keep-alive

另一种选择是将组件的状态保存到像Vuex这样的商店，它在全球范围内可用，因此当您离开时它会存储数据。