在 Vue.js 中加载 CRUD 的状态答案

【问题标题】：Loading State for CRUD in Vue.js在 Vue.js 中加载 CRUD 的状态
【发布时间】：2017-05-10 00:05:35
【问题描述】：

我正在尝试使用 Vuex 制作我的第一个 Vue.js CRUD 应用程序，但我遇到了如何正确加载状态的难题。

我有一个列出所有帐户 /accounts 的路由，并且我很容易以列表形式为所有帐户加载帐户状态。

我的挑战/问题，如何有效地使用状态来查看/更新另一条路线中的单个记录？（即/accounts/1）。如果用户在/accounts/1 上刷新浏览器我没有状态。管理事物集合和该集合中的单个记录的状态的最佳策略是什么？

【问题讨论】：

【解决方案1】：

您可以查看https://github.com/JiriChara/vuex-crud。它创建具有所有操作的 Restful Vuex 模块：CRETE、READ、UPDATE、DELETE。源代码非常简单，所以你可以看看状态是如何设计和修改的。

【讨论】：

【解决方案2】：

如果您想在硬重新加载后保留状态，您可能需要确保将状态保存在本地存储中，然后确保您使用 getter 通过生命周期挂钩适当地加载数据。试试 vue-localstorage

【讨论】：