<template>
<div>
<div >
<input v-model='inputValue'/>
<button @click="handleSubmit">提交</button>
</div>
<ul>
<todo-item v-for="(item,index) of list"
:content="item"
:index="'index"
@delete=""handleDelete
></todo-item>
</ul>
</div>
</template>
<script>
import todoitem from'./components/todoitem'
export default {
component :{
'todo-item':todoitem
},
data(){
return{
inputValue: '',
list:[]
}
},
methods:{
handleSubmit(){
this.list.push(this.inputValue)
this.inputValue=''
},
handleDelete(index){
this.list.splice(index,1)
}
}
}
</script>
<style>
</style>