vue组件传参

父子组件通信

1、父组件给子组件传递数据，请查看下面这篇文章
vue中的prop
2、子组件给父组件传递数据（一般不推荐）
需要借助emit事件，可以传递数据和调用父组件的方法

image.png

image.png

同辈组件通信

同辈组件之间的通行需要借助第三方，如bus.js
bus.js

import Vue from 'vue';

// 使用 Event Bus
const bus = new Vue();

export default bus;

需要通信的两个文件都要要引入一下这个文件

bus.$emit("collapse", this.collapse); //  发出信息

// 这个方法一般放在生命周期函数中
bus.$on("collapse", msg => {    //  收到请求
  this.collapse = msg;
});

vuex通信