javascript - vue.js で多層のネストされた JSON データをレンダリングする方法

Question

vue.js ドキュメントを読んですぐに、vue.js を使用して小さなデモを作成したいと思い、Douban の API を使用して、いくつかの層の json データを取得しました。

jsコード

リーリー

vueコンポーネント

リーリー

写真は取得できましたが、作者の下に名前を取得する方法がわかりません。authoを直接書くと

と表示されます。 リーリー

上記の js を変更する必要がありますか、またはどのように記述すればよいでしょうか

Answer 1

これは配列であるため、複数の作成者が存在する可能性があることを意味します。その後、出力をループできます。

リーリー

Answer 2

リーリー

Answer 3

{{ musics.author[0].name}} だと思います。 。 。 。 、データ形式を明確に理解する必要があるだけです。 。 。