回答編集履歴
6
より正確に
    
        answer	
    CHANGED
    
    | @@ -1,5 +1,5 @@ | |
| 1 1 | 
             
            データ取得前の段階では`plan`に`title.rendered`が存在しないためエラーになっている気がします。
         | 
| 2 | 
            -
            (`plan.title`の場合エラーにならないのは、こちらは | 
| 2 | 
            +
            (`plan.title`の場合エラーにならないのは、こちらはデータ取得前の段階でも`undefined`になるだけだからです)
         | 
| 3 3 |  | 
| 4 4 | 
             
            また[Vue2ではオブジェクトのプロパティ追加を検出できない](https://jp.vuejs.org/v2/guide/reactivity.html#%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AB%E9%96%A2%E3%81%97%E3%81%A6)ため、あらかじめ`data`に定義しておくか`this.$set()`等のメソッドを使用して追加する必要があります。
         | 
| 5 5 |  | 
5
推敲
    
        answer	
    CHANGED
    
    | @@ -1,4 +1,4 @@ | |
| 1 | 
            -
            データ取得前の段階では`plan | 
| 1 | 
            +
            データ取得前の段階では`plan`に`title.rendered`が存在しないためエラーになっている気がします。
         | 
| 2 2 | 
             
            (`plan.title`の場合エラーにならないのは、こちらは単に`undefined`になるためです)
         | 
| 3 3 |  | 
| 4 4 | 
             
            また[Vue2ではオブジェクトのプロパティ追加を検出できない](https://jp.vuejs.org/v2/guide/reactivity.html#%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AB%E9%96%A2%E3%81%97%E3%81%A6)ため、あらかじめ`data`に定義しておくか`this.$set()`等のメソッドを使用して追加する必要があります。
         | 
4
推敲
    
        answer	
    CHANGED
    
    | @@ -1,13 +1,13 @@ | |
| 1 | 
            -
             | 
| 1 | 
            +
            データ取得前の段階では`plan.title.rendered`が存在しないため、それを描画しようとした際にエラーになっている気がします。
         | 
| 2 | 
            -
            (`plan.title` | 
| 2 | 
            +
            (`plan.title`の場合エラーにならないのは、こちらは単に`undefined`になるためです)
         | 
| 3 3 |  | 
| 4 | 
            -
            ` | 
| 4 | 
            +
            また[Vue2ではオブジェクトのプロパティ追加を検出できない](https://jp.vuejs.org/v2/guide/reactivity.html#%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AB%E9%96%A2%E3%81%97%E3%81%A6)ため、あらかじめ`data`に定義しておくか`this.$set()`等のメソッドを使用して追加する必要があります。
         | 
| 5 | 
            +
             | 
| 6 | 
            +
            `plan`の初期値を以下に変えてみたらどうなるでしょうか?
         | 
| 5 7 | 
             
            ```
         | 
| 6 8 | 
             
            plan: {
         | 
| 7 9 | 
             
              title: {
         | 
| 8 10 | 
             
                rendered: ''
         | 
| 9 11 | 
             
              }
         | 
| 10 12 | 
             
            }
         | 
| 11 | 
            -
            ```
         | 
| 12 | 
            -
             | 
| 13 | 
            -
            またVue2では[オブジェクトのプロパティ追加を検出できない](https://jp.vuejs.org/v2/guide/reactivity.html#%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AB%E9%96%A2%E3%81%97%E3%81%A6)ため、あらかじめ`data`に定義しておくか`this.$set()`等のメソッドを使用する必要があります。
         | 
| 13 | 
            +
            ```
         | 
3
推敲
    
        answer	
    CHANGED
    
    | @@ -10,4 +10,4 @@ | |
| 10 10 | 
             
            }
         | 
| 11 11 | 
             
            ```
         | 
| 12 12 |  | 
| 13 | 
            -
            Vue2では[オブジェクトのプロパティ | 
| 13 | 
            +
            またVue2では[オブジェクトのプロパティ追加を検出できない](https://jp.vuejs.org/v2/guide/reactivity.html#%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AB%E9%96%A2%E3%81%97%E3%81%A6)ため、あらかじめ`data`に定義しておくか`this.$set()`等のメソッドを使用する必要があります。
         | 
2
追記
    
        answer	
    CHANGED
    
    | @@ -1,7 +1,6 @@ | |
| 1 | 
            -
            `plan`の初期値に`title.rendered`が存在しないため、データ取得前にエラー | 
| 1 | 
            +
            `plan`の初期値に`title.rendered`が存在しないため、データの取得完了前に`plan.title.rendered`を参照しようとしてエラーになっている気がします。
         | 
| 2 | 
            +
            (`plan.title`だけの場合だとエラーにならないのは、こちらは単に`undefined`になるためです)
         | 
| 2 3 |  | 
| 3 | 
            -
            `plan.title`だけの場合にエラーにならないのは、こちらは単に`undefined`になるからだと思われます。
         | 
| 4 | 
            -
             | 
| 5 4 | 
             
            `plan`の初期値を以下に変えてみたらどうなるでしょう?
         | 
| 6 5 | 
             
            ```
         | 
| 7 6 | 
             
            plan: {
         | 
| @@ -9,4 +8,6 @@ | |
| 9 8 | 
             
                rendered: ''
         | 
| 10 9 | 
             
              }
         | 
| 11 10 | 
             
            }
         | 
| 12 | 
            -
            ```
         | 
| 11 | 
            +
            ```
         | 
| 12 | 
            +
             | 
| 13 | 
            +
            Vue2では[オブジェクトのプロパティの追加を検出できない](https://jp.vuejs.org/v2/guide/reactivity.html#%E3%82%AA%E3%83%96%E3%82%B8%E3%82%A7%E3%82%AF%E3%83%88%E3%81%AB%E9%96%A2%E3%81%97%E3%81%A6)ため、あらかじめ`data`に定義しておくか`this.$set()`等のメソッドを使用する必要があります。
         | 
1
初期値を正確に
    
        answer	
    CHANGED
    
    | @@ -5,6 +5,8 @@ | |
| 5 5 | 
             
            `plan`の初期値を以下に変えてみたらどうなるでしょう?
         | 
| 6 6 | 
             
            ```
         | 
| 7 7 | 
             
            plan: {
         | 
| 8 | 
            -
              title: { | 
| 8 | 
            +
              title: {
         | 
| 9 | 
            +
                rendered: ''
         | 
| 10 | 
            +
              }
         | 
| 9 11 | 
             
            }
         | 
| 10 12 | 
             
            ```
         | 
