JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.4.4/vue.min.js"></script>
<div id="app-4">
  <ol>
    <li v-for="todo in todos">
      {{ todo.text }} 
      {{todo.list}}
    </li>
  </ol>
</div>

JavaScript

var app4 = new Vue({
  el: '#app-4',
  data: {
    todos: [
      { text: 'Learn JavaScript', list:['a', 'b', 'c'] },
      { text: 'Learn Vue', list:['a', 'b', 'c'] },
      { text: 'Build something awesome', list:['a', 'b', 'c'] }
    ]
  }
})