Vue.jsでのCRUDの読み込み状態

私は最初のVue.js CRUDアプリケーションをVuexで作成しようとしていますが、私は正しく状態を読み込む方法に苦労しています。Vue.jsでのCRUDの読み込み状態

すべてのアカウントを一覧表示するルートがあります。/accountsと、リストフォームのすべてのアカウントのアカウント状態を簡単に読み込みます。

私の挑戦/質問は、どのようにして状態を効果的に使用して別のルートの個々のレコードを表示/更新することができますか？（すなわち、/accounts/1）。ユーザーが/accounts/1にブラウザを更新する場合、私は状態を持っていません。何かのコレクションとそのコレクションの個々のレコードの両方の状態を管理するための最良の戦略は何ですか？

出典

2017-05-10 Paul Redmond

私はあなたの問題を理解しているかどうかはわかりません。 VueXを使ってあなたの状態を管理していますか？ – Cobaltway

はい、私はvuexを使用しています。私は質問を更新しました –

ハードリロード後に状態を保持したい場合は、状態がlocalstorageに保存されていることを確認し、ゲッターを使用してライフサイクルフックで適切にデータをロードしていることを確認してください。 vue-localstorageを試してください

出典

2017-05-10 11:25:45 somedirection

私の質問のタイトルと説明はCRUD用ですので、localstorageに状態を保存するのは理想的ではありません。既存のレコードを更新するには、API（データベース）から新しいデータが必要です。 –

https://github.com/JiriChara/vuex-crudをご覧ください。これは、CRETE、READ、UPDATE、DELETEのすべてのアクションを持つRestful Vuexモジュールを作成します。ソースコードはかなり単純ですので、どのように状態が設計され、変更されているかを見ることができます。

出典

2017-07-21 05:39:03 Ch4rAss

Vue.jsでのCRUDの読み込み状態

答えて

関連する問題