VUE自定义事件（练习）

以前面的TODOLIST为例
1.父组件App.vue里面有一个header组件<Header ref="header"/>，方法：addTodo(todo){ this.todos.unshift(todo); },，一个钩子函数：mounted() { this.$refs.header.$on('addTodo',this.addTodo) },。
2.子组件Header.vue的方法this.$emit('addTodo',todo);。
解释：自定义事件就是父组件有一个ref标记进行监听，使用了钩子函数进行调用，子组件使用emit进行回应
ref—>refs---->emit。
案例中，应该是，父组件header对组件Header进行监听，refs进行回应使用addTodo方法，子组件回应使用todo数据。