vue_roop

by maya tominaga

HTML

<div id="app">
  <ol>
    <li v-for="todo in todos">
      {{ todo.text }}
    </li>
  </ol>
</div>
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

JavaScript

var app = new Vue({
  el: '#app',
  data: {
    todos: [
      { text: 'Enjoy JavaScript!' },
      { text: 'Enjoy Vue!!' },
      { text: 'Enjoy Programming!!!' }
    ]
  }
})
app.todos.push({ text: 'More Enjoy!' })