vue父组件点击触发子组件事件的实例讲解

最近在学习Vue父子组件通信的问题，刚好遇到一个父子之间事件事件派发与接收，在这里记录一下，在这里我使用的是ref 给子组件注册引用信息。官网是这样解释的 ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素; 如果用在子组件上，引用就指向组件实例: 父组件app.vue <template> <div id=app> &lt;!--父组件--&gt; &lt;input v-model=msg&gt; &lt;button v-on:click=notify&gt;广播事件&lt;/button&gt; &lt;