letitride https://blog.hatena.ne.jp/letitride/ 追憶行 https://www.letitride.jp/ テック テック-Vue.js v-forで配列要素の走査 配列要素を走査して出力する。 liの部分がmonthList数分、繰り返される。 <div id="app1" class="frame"> <ul> <li v-for="month in monthList">{{month}}月</li> </ul> </div> var app1 = new Vue({ el: '#app1', data: { monthList: [1,2,3,4,5,6,7,8,9,10,11,12] } }); foreach {k,v}ライクな使い方 (value, key)の順番なので注意する。 <ul> <li v-for="(… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.letitride.jp%2Fentry%2F2019%2F07%2F28%2F121116" title="Vue.js v-forで配列・オブジェクト要素を走査する - 追憶行" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2019-07-28 12:11:16 rich https://www.letitride.jp/entry/2019/07/28/121116 1.0 100%