<template>
    <div>
        <div v-bind:key="todo.id" v-for="todo in todos">
            <TodoItem v-bind:todo="todo" class="todos" v-on:del-todo="$emit('del-todo' , todo.id)"/>
        </div>
    </div>
</template>

<script>
import TodoItem from './TodoItem.vue';
export default {
    //name : self name
    name: 'Todos',
    components:{
        //child
        TodoItem
    },
    //from parent
    props: ["todos"]
}
</script>

<style scoped>

</style>