<template>
<div>
<form @submit.prevent="addTodo">
<input v-model="title" type="text" name="title" placeholder="请添加代办事项...">
<input type="submit" value="添加" class="btn">
</form>
</div>
</template>
<script>
/* 引入npm模块 */
import uuid from 'uuid'
export default {
name:'AddTodos',
data() {
return {
title:'',
}
},
methods: {
addTodo(){
const newTodo = {
id:uuid.v4(),
title:this.title,
completed:false
}
console.log(newTodo);
/* 注册事件，由父级触发 */
this.$emit('handleAdd', newTodo)
this.title = ''
}
},
}
</script>