我正在尝试使用Vuex创建我的第一个Vue.js CRUD应用程序,并且我正在努力解决如何正确加载状态。
我有一个列出所有帐户/accounts
的路线,我可以轻松地以列表形式为所有帐户加载帐户状态。
我的挑战/问题,如何有效地使用状态来查看/更新另一条路线中的单个记录? (即/accounts/1
)。如果用户在/accounts/1
上刷新浏览器,则我没有状态。管理状态的最佳策略是什么,以及该集合中的单个记录?
答案 0 :(得分:1)
您可以查看https://github.com/JiriChara/vuex-crud。它使用所有操作创建Restful Vuex模块:CRETE,READ,UPDATE,DELETE。源代码非常简单,因此您可以查看状态的设计和修改。
答案 1 :(得分:0)
如果要在硬重新加载后保留状态,可能需要确保将状态保存在localstorage中,然后确保使用getter通过生命周期钩子正确加载数据。尝试vue-localstorage