使用vuex对兄弟组件传值_vue兄弟组件之间的传参

问题描述

使用vue以来，一直都没有考虑过兄弟组件之间的通信，那么问题来了，兄弟组件之间如何传递数据了？

问题描述.png

准备工作

使用vue-cli构建项目

vue-cli构建工具.png

生成的目录结构

生成的目录结构.png

例子的其他功能不做描述，只对兄弟组件这部分做分析

使用eventBus解决问题

eventBus的核心理论我也不太清楚。这里对如何使用做下说明

1.创建一个空Vue对象

import Vue from 'vue';

export default new Vue();

2.$emit自定义事件

增加

data(){

return {

todoList:''

}

},

methods:{

addList:function(){

eventBus.$emit('add',this.todoList)

}

}

3.$on接收事件

created:function(){

this.acceptList()

},

methods:{

acceptLis