2017-05-10 67 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。源代碼非常簡單,所以你可以看看狀態是如何設計和修改的。