Vueでネストされたオブジェクトにアクセスできないときの解決法がシンプルだった(ついでに同コンポーネントの再帰呼び出し) - Qiita

nuxtでtwitterクライアントを作っているときに、引用ツイートの処理で詰まった。 表示したいツイートのデータ構造 ツイートオブジェクトにはそのツイートのテキスト情報やツイートしたユーザーの情報は勿論、引用元のツイート情報まで含まれている。 即ち、図の青の部分と黄色の部分は同じデータ構造。 表示したい形式 公式でもあるこの形式で表示したい。 ツイートと引用元ツイートは同じデータ構造なので、ツイートコンポーネント内でツイートコンポーネントを呼び出したらいける！ propsで引用Tweet Object渡せばできるかな。 やってみた Cannot read property 'user' of undefined ググると... javascript – Vue.jsはデータオブジェクトのネストしたプロパティにアクセスできない なるほど、まだオブジェクトが読み込めないタイミングで処理しよう