JavaScript - Vue はどのように 2 つの JSON からのデータをトラバースし、同じキーに基づいて DOM に値を割り当てますか?

Question

既存データ 1 shipTypes

リーリー

およびデータ 2 shipTypeImages

リーリー

Vue DOM 構造 (pug 構文)

リーリー

次の例に示すように、2 つのデータ (「Destroyer」など) のキー値をデータと照合するにはどうすればよいですか?

• 駆逐艦

＃＃＃＃＃＃＃＃＃＃＃＃＃＃＃ 空母＃＃＃＃＃＃

• 戦艦

• 巡洋艦

• ＃＃＃ありがとう！＃＃＃

Answer 1

ページにレンダリングする新しい配列を形成するための 2 つの配列 foreach ループ

または計算されたプロパティを使用します

Answer 2

リーリー

...