Vuejs $emit 子组件调用父组件方法/函数

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/Headmaster_Tan/article/details/79914181

Vuejs $emit 子组件调用父组件方法/函数

直接搬官方文档：

vm.$emit( event, […args] )

• 参数：

  • {string} event
  • [...args]

  触发当前实例上的事件。附加参数都会传给监听器回调。

因为错误理解了触发当前实例上的事件这句话的意思，导致我怎么执行this.emit('event')都不成功。实际上正如字面意思vm.$emit不过是触发当前实例上的事件，所以需要把事件写在子组件上才能够触发。

<children @event-name="func()"/>

<!-- 而不是 -->
<div @event-name="func()"></div>
<children />

vm.$emit意思就是通过触发子组件的事件，从而调用父组件的方法/函数。
还是需要好好理解官方文档的意思，以免造成尴尬。。。