<html>
<header>
   <script src="./vue.js"></script>
</header>
<body>
   <div id="app">
        <ul>
         <li v-for="todo in todos">
            {{ todo.text }}
         </li>
        </ul>

   </div>
</body>
<footer>
   <script>
      new Vue({
        el: '#app',
        data: {
          todos: [
            { text: 'Learn JavaScript' },
            { text: 'Learn Vue.js' },
            { text: 'Build Something Awesome' }
          ]
        }
      })
   </script>
</footer>
</html>
