Vue.component('todo-item', { props: ['todo'], template: '<li>{{ todo.text }}</li>' }) var app7 = new Vue({ el: '#app-7', data: { todos: [ { text: 'Learn JavaScript' }, { text: 'Learn Vue' }, { text: 'Build something awesome' } ] } })
<script src="https://unpkg.com/vue/dist/vue.js"></script> <div id="app-7"> <ol> <todo-item v-for="todo in todos" v-bind:todo="todo"></todo-item> </ol> </div>