Vue自定义事件

父组件使用props传递数据给子组件，子组件怎么跟父组件通信呢？这时，Vue的自定义事件就派上用场了。

1、自定义事件
每个Vue创建的实例都会出现一个事件接口
var vm = new Vue({ el: '#app' })
自定义事件的定义(发布)
` //vm.\(on(自定义事件的名称，自定义事件的事件处理程序) vm.\)on( 'aa', function () {
console.log( 'aa' )
})

//自定义事件的触发 （ 订阅 ） // vm.$emit( 自定义事件的名称，自定义事件处理程序需要的参数1，参数2，参数3)

vm.$emit( 'aa' )

2、自定义事件的数据传递 我们通过下面代码分析一下自定义事件的数据传递

<template id="son"> <div> <h3>这里是子组件</h3> <button @click="give">给父亲红包</button> </div> </template> </body>