回答編集履歴

1

原因3の抜けを追記

2020/02/19 12:39

投稿

R.Mizukami
R.Mizukami

スコア1086

test CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
 
4
4
 
5
- 1. テンプレート構文上での `this` の使用
5
+ #### 1 テンプレート構文上での `this` の使用
6
6
 
7
7
  他の方が回答している通り、`<template> ~ </template>` 内では `this` は不要です。
8
8
 
@@ -10,7 +10,7 @@
10
10
 
11
11
 
12
12
 
13
- 2. `axios.post` のレスポンスの解釈違い
13
+ #### 2 `axios.post` のレスポンスの解釈違い
14
14
 
15
15
  `axios.post(~).then()` メソッドが受け取るコールバック関数の引数 `response` は、以下のようなプロパティを持ちます。
16
16
 
@@ -47,3 +47,29 @@
47
47
 
48
48
 
49
49
  としなければなりません。
50
+
51
+
52
+
53
+ #### 3 result に存在しないプロパティ
54
+
55
+
56
+
57
+ 他の方が回答している通り、created の処理が終わる前に result.data. ... が参照される可能性があり、この段階でエラーになります。
58
+
59
+
60
+
61
+ ```javascript
62
+
63
+ data() {
64
+
65
+ return {
66
+
67
+ result: { data: { data: circle: { circlename: '' } } }
68
+
69
+ }
70
+
71
+ }
72
+
73
+ ```
74
+
75
+ などとして初期値を与えるか、そもそもの設計をどうにかするかしてください。