質問編集履歴
4
タイトルを編集
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
(Vuex) 非同期処理を、actionsに書くか
|
|
1
|
+
(Vuex) 非同期処理を、actionsに書くか各コンポーネントに書くか分ける基準について
|
body
CHANGED
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
例えば、以下のような連続で行われる2つのajax処理があったとします。
|
|
2
2
|
|
|
3
3
|
1).DBからアイテムデータを消す(削除用APIを叩く)
|
|
4
|
+
2).1の処理がthenの場合、消した後のアイテムデータをDBより再取得し、mutationsを呼びstateにアイテムデータをセット(取得用のAPIを叩き、その後mutationsを呼ぶ)
|
|
4
5
|
|
|
5
|
-
2).1の処理がthenの場合、消した後のアイテムデータをDBより再取得し、mutationsを呼びstateにアイテムデータをstateにセット(取得用のAPIを叩き、その後mutationsを実施)
|
|
6
|
-
|
|
7
|
-
1の処理は
|
|
6
|
+
1の処理はmutationsを呼ばないという意味でstateに関係ありませんが
|
|
8
7
|
2の処理はmutationsを呼ぶためstateに関係あります。
|
|
9
8
|
|
|
10
9
|
このような場合
|
3
一部文言変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
例えば、以下のような連続で行われる2つのajax処理があったとします。
|
|
2
2
|
|
|
3
|
-
1).
|
|
3
|
+
1).DBからアイテムデータを消す(削除用APIを叩く)
|
|
4
4
|
|
|
5
|
-
2).1の処理がthenの場合、消した後のアイテムデータを取得し、mutationsを呼びstateにアイテムデータをセット(取得用のAPIを叩き、その後mutationsを実施)
|
|
5
|
+
2).1の処理がthenの場合、消した後のアイテムデータをDBより再取得し、mutationsを呼びstateにアイテムデータをstateにセット(取得用のAPIを叩き、その後mutationsを実施)
|
|
6
6
|
|
|
7
|
-
1の処理は
|
|
7
|
+
1の処理は(mutationsを呼ばないという意味で)stateに関係ありませんが
|
|
8
8
|
2の処理はmutationsを呼ぶためstateに関係あります。
|
|
9
9
|
|
|
10
10
|
このような場合
|
|
11
|
-
1
|
|
11
|
+
1の処理は各コンポーネントに書いて
|
|
12
|
-
2
|
|
12
|
+
2の処理はストア内のactionsに書くのが一般的でしょうか。
|
|
13
13
|
|
|
14
14
|
または、最終的にstateに関連する部分なので
|
|
15
15
|
全部actions内に書くのが一般的でしょうか。
|
|
16
|
-
（公式にはアクションを繋げて書くやり方も書いてあります）
|
|
16
|
+
（公式にはアクションを繋げて書くやり方も書いてありますが）
|
|
17
17
|
|
|
18
|
-
例として他にあげるなら、新規ユーザ登録用のAPIとかも
|
|
18
|
+
例として他にあげるなら、新規ユーザ登録用のAPIとかも気になります。
|
|
19
19
|
(これは登録用コンポーネントに書いても良い気がしますが)
|
|
20
20
|
|
|
21
21
|
actions内に処理が少ないようであれば全部actionsに書くなど
|
2
一部変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
1番の処理は各コンポーネントに書いて
|
|
12
12
|
2番の処理はストア内のactionsに書くのが一般的でしょうか。
|
|
13
13
|
|
|
14
|
-
または、最終的に
|
|
14
|
+
または、最終的にstateに関連する部分なので
|
|
15
15
|
全部actions内に書くのが一般的でしょうか。
|
|
16
16
|
（公式にはアクションを繋げて書くやり方も書いてあります）
|
|
17
17
|
|
1
タイトルを編集
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
(Vuex) 処理
|
|
1
|
+
(Vuex) 非同期処理を、actionsに書くか、各コンポーネントに書くかの分ける基準について
|
body
CHANGED
|
File without changes
|