在Vue.js中加载CRUD的状态

时间:2017-05-10 00:05:36

标签: vue.js vuex

我正在尝试使用Vuex创建我的第一个Vue.js CRUD应用程序,并且我正在努力解决如何正确加载状态。

我有一个列出所有帐户/accounts的路线,我可以轻松地以列表形式为所有帐户加载帐户状态。

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

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:0)

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