javascript - 维护 Vue 页面之间的状态

Question

我正在使用 VueJS 处理一个表单，希望用户能够在提交前确认内容。

这涉及到从表单页面到确认页面的路由。

但是，当我让用户返回时，上一页的状态被重置。

有没有一种方法可以干净地保留上一页的状态，而无需深入研究商店的状态？

或者这种做法是否违反了 Vue 的原则？

以前尝试的方法是在移动到确认屏幕时保存表单的状态。

然后在返回时通过检查数据是否存在于创建时恢复之前的状态，例如

onCreated() {
  this.myFormData = this.$store.state.[myFormModuleName].formData ? this.$store.state.[myFormModuleName].formData : setSomeDefaultInstead();
}

虽然这行得通，但感觉很老套，而且很难测试。

这可能需要编辑，因为太宽泛了，但是 Vue 之间是否有一种“最佳实践”方法来维护页面之间的状态，就像您在 Angular 中所做的那样？还是插件是唯一的出路？

如上所述，我想确保所使用的方法不会破坏表单的预先存在的测试。

Answer 1

如果没有完整的代码，我认为你最好的选择可能是 <keep-alive>路由器 View 周围的组件，请查看此处文档中的部分:https://v2.vuejs.org/v2/api/#keep-alive

这应该在再次使用时保留组件的整个本地状态。