リストレンダリング — Vue.js

リストレンダリング — Vue.js

v-for で配列に要素をマッピングする配列に基づいて、アイテムのリストを描画するために、v-for ディレ...概要を表示 v-for で配列に要素をマッピングする配列に基づいて、アイテムのリストを描画するために、v-for ディレクティブを使用することができます。v-for ディレクティブは item in items の形式で特別な構文を要求し、items はソースデータの配列で、item は配列要素がその上で反復されているエイリアスです: <ul id="example-1"> <li v-for="item in items" :key="item.message"> {{ item.message }} </li> </ul> var example1 = new Vue({ el: '#example-1', data: { items: [ { message: 'Foo' }, { message: 'Bar' } ] } }) 結果: {{item.message}} v-for ブロック内で

• Vue
• Vue.js
• reference
• あとで読む