vue组件之间传值

1、父组件往子组件传值

父组件先绑定: v-bind:message="message"

子组件接收: props: ["message"] 接收数据类型不知一种

2、子组件往父组件传值

子组件 this.$emit("ievent", data, "lalal");

父组件 v-on:ievent="ievent" ievent(...data){console.log(data)}

3、兄弟组件之间传值

借助 eventBus

哥哥 =》 弟弟

哥哥:import bus from "../../assets/eventBus"; bus.$emit("userDefinedEvent", "这是来自哥哥组件的数据");

弟弟:import bus from "../../assets/eventBus"; bus.$on("userDefinedEvent", msg => {console.log(msg)});

eventBus.js里面其实就两行代码