teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

2

記述を明確に

2021/02/12 05:14

投稿

Masa-Shin
Masa-Shin

スコア269

answer CHANGED
@@ -1,7 +1,7 @@
1
1
  > axiosのデータをvuexに入れているのに直後のconsole.logを覗いてみると、空になっていた
2
2
 
3
3
  非同期処理の完了を待たずに`console.log`しているためかと思われます。
4
- 続いて実行したい処理は`.then()`の中に書くようにすればうまくいくはずです。
4
+ 非同期処理の後に実行したい処理は`.then()`の中に書くようにすればうまくいくはずです。
5
5
 
6
6
  ```javascript
7
7
  axios.get("https://jsonplaceholder.typicode.com/posts")

1

記述を明確に

2021/02/12 05:13

投稿

Masa-Shin
Masa-Shin

スコア269

answer CHANGED
@@ -7,7 +7,7 @@
7
7
  axios.get("https://jsonplaceholder.typicode.com/posts")
8
8
  .then(response => {
9
9
  this.$store.commit("posts", response.data);
10
- console.log(this.$store.state.posts);
10
+ console.log(this.$store.state.posts); // ここに書く!
11
11
  })
12
12
  ```
13
13