vue.jsのディレクティブをまとめてみた。part2 - Qiita

<div id="app"> <ul> <li v-for="pref in prefs"><!--変数名 in 配列名--> {{pref.name }} </li> </ul> </div> <script src="https://cdn.jsdelivr.net/npm/vue"></script> <!--vueのCDNを読み込む--> <script> let app=new Vue({ el:"#app", data:{ prefs:[ {name:'北海道'}, {name:'青森県'}, {name:'岩手県'}, {name:'宮城県'}, {name:'秋田県'}, {name:'山形県'}, {name:'福島県'}, ] } }); </script> <div id="app"> <ul> <li v-for="pref in prefs"><!--変数名 in