回答編集履歴
2
説明を追記
test
CHANGED
|
@@ -1,4 +1,6 @@
|
|
|
1
1
|
始め`plun`には何も入っていません。
|
|
2
|
+
|
|
3
|
+
|
|
2
4
|
|
|
3
5
|
そのため`{{ plun.title }}`は`undefined`になり、何も表示されません。
|
|
4
6
|
|
|
@@ -7,3 +9,11 @@
|
|
|
7
9
|
|
|
8
10
|
|
|
9
11
|
しかし`{{ plan.title.rendered }}`に関しては、そもそも`plun.title`が`undefined`だった場合、`undefined`に対してプロパティ`rendered`を指定しているのでエラーになります。
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
それを回避したい場合は`get`が終わってから表示させるか、`{{ plan.title && plan.title.rendered }}`のようにすればよいかと思います。
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
※Optional Chainingを使うと`plan.title?.rendered`のようにより簡潔に書けますが、Vueのテンプレート内では使用できません。
|
1
説明の追記
test
CHANGED
|
@@ -1 +1,9 @@
|
|
|
1
|
+
始め`plun`には何も入っていません。
|
|
2
|
+
|
|
1
|
-
{{ pl
|
|
3
|
+
そのため`{{ plun.title }}`は`undefined`になり、何も表示されません。
|
|
4
|
+
|
|
5
|
+
その後に`get`されたデータが入ってきて、`plun`の値が更新されるので結果的に`{{ plun.title }}`は中の値が表示されます。
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
しかし`{{ plan.title.rendered }}`に関しては、そもそも`plun.title`が`undefined`だった場合、`undefined`に対してプロパティ`rendered`を指定しているのでエラーになります。
|