この内容は古いバージョンです。最新バージョンを表示するには、戻るボタンを押してください。
バージョン:2
ページ更新者:atom
更新日時:2026-05-15 05:24:41

タイトル: for 繰り返し処理
SEOタイトル: 【Veu.js】for 繰り返し処理

v-forディレクティブを使用することで繰り返し処理を実行することが出来る。

 

実装例

html

 

       

  • v-for="message in messages">{{ message }}

    •  

 

js

var app = new Vue({

  el: '#app',

  data: {messages: ['aaa', 'bbb', 'ccc']}

})

 

出力結果

  • aaa
  • bbb
  • ccc