Vue.js组件间自定义事件如何实现及详解？

本文共计1183个文字，预计阅读时间需要5分钟。

组件通信+从父组件向子组件通信，通过props传递数据即可，但Vue组件通信的场景不止这一种，归纳起来，组件之间的通信可以使用以下方式：

+ 自定义事件+当子组件需要向父组件传递信息时，可以通过自定义事件来实现。

组件通信

从父组件向子组件通信，通过props传递数据就可以了，但Vue组件通信的场景不止有这一种，归纳起来，组件之间的通信可以用下图来表示：

自定义事件

当子组件需要向父组件传递数据时，就要用到自定义事件。子组件用**$ emit()来触发事件**，父组件用**$ on()**来监听子组件的事件。

父组件也可以直接在子组件的自定义标签上使用v-on来监听子组件触发的事件。