2018年5月23日水曜日

Vue.jsで、ループ

Vue.jsで、ループです。 なんとなく、理解できますね。

<div id="app-4">
  <ol>
    <li v-for="todo in todos">
      {{ todo.text }}
    </li>
  </ol>
</div>
var app4 = new Vue({
  el: '#app-4',
  data: {
    todos: [
      { text: 'あめ' },
      { text: 'いか' },
      { text: 'うぐいす' }
    ]
  }
})

参考サイト
はじめに(Vue.js)

0 件のコメント:

コメントを投稿