block5.vue

<template>
  <ul class="todo-list" >
    <li class="task" v-for="task in tasks">
      <todo-list-item :task="task"></todo-list-item>
    </li>
  </ul>
</template>

<script lang="ts">
  import TodoListItem from './TodoListItem'

  export default {
    name: 'TodoList',
    props: ['tasks'],
    components: {
      TodoListItem
    }
  }
</script>