vue 自定义事件 兄弟组件间通信

首先 vue 实例有event对象 可以实现自定义事件,实现兄弟组件间通信。

项目结构:event.js 导出vue实例对象  Input.vue 和 list.vue 是兄弟组件 ,index.vue 引入 两个子组件,实现 Input 和list 间通信

vue 自定义事件 兄弟组件间通信_第1张图片

看event.js

import vue from 'Vue'
export default new vue()

Input.vue



list.vue



index.vue



添加的时候结果

vue 自定义事件 兄弟组件间通信_第2张图片

实现了通信。。。

你可能感兴趣的:(vue,组件通信)