1、父组件往子组件传值

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

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

vue组件之间传值

vue组件之间传值

2、子组件往父组件传值

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

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

vue组件之间传值

3、兄弟组件之间传值

借助 eventBus

哥哥 =》 弟弟

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

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

vue组件之间传值

vue组件之间传值

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

vue组件之间传值

相关文章:

  • 2022-12-23
  • 2021-08-19
  • 2021-08-03
  • 2022-02-11
  • 2022-01-04
  • 2022-03-08
  • 2022-12-23
  • 2022-12-23
猜你喜欢
  • 2021-08-16
  • 2021-05-22
  • 2021-11-09
  • 2022-12-23
相关资源
相似解决方案