タイトル: for 繰り返し処理

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

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

実装例

html

<ul>

<li v-for="message in messages">{{ message }}</li>

</ul>

</div>

var app = new Vue({

el: '#app',

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

})