javascript - axios リクエストによって返されたデータ コンポーネントはバインドおよびレンダリングできません

Question

インターフェイスからリクエストしたデータは、data で定義された空のオブジェクト Wholedata に割り当てられます。ページにラベル ループを書くとデータをトラバースできますが、コンポーネントに与えられたデータはレンダリングできません。<li v を追加しました。 -for='item in Wholedata.materials.opt'></li> とするとデータは出力されますが、エラーが発生します。これを付けないとデータは出力されません。 v-if='wholedata'、最初の出力は空のオブジェクトであるため、データは出力されません。
ガイダンスを求めてください。 ！ ！

Answer 1

の初期データ形式を変更するだけです。 data リーリー

オブジェクトのプロパティが最初に定義されている限り、Vue は最初に

の形式でデータの変更を直接検出することもできます。 v-for item in x.y.z

Answer 2