2017-05-10 32 views
0

我正在尝试使用Vuex创建我的第一个Vue.js CRUD应用程序,并且我正在与如何正确加载状态进行斗争。在Vue.js加载状态的CRUD

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

我的挑战/问题,我如何有效地使用状态查看/更新另一条路线中的单个记录? (即,/accounts/1)。如果用户刷新浏览器/accounts/1我没有状态。管理国家的一系列事情以及该集合中的单个记录的最佳策略是什么?

+0

我不确定我是否理解你的问题。你是否在使用VueX来管理你的状态? – Cobaltway

+0

是的,我正在使用vuex,我已经更新了问题 –

回答

0

如果您想在硬重载后保留状态,您可能需要确保statestorage保存在localstorage中,然后确保使用getter通过生命周期挂钩正确加载数据。尝试vue-localstorage

+0

我的问题的标题和描述是针对CRUD的,因此在localstorage中保存状态并不理想。我需要来自API(数据库)的新数据以更新存在的记录。 –

1

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