父子通信与兄弟通信的方式

兄弟通信:

1.bus事件总线(用得较少,用于小项目)

原理:从子到父,再从父到子,实现兄弟通讯

2.vuex(用得较多,用于大项目)

父子通信

实现方法

父传子:

父:通过自定义属性将所要传入的值写入属性内
子:通过props进行接收

即可使用

子传父:

父:通过自定义事件

例如:@事件名=“函数方法”

子:通过父传过来的自定义事件进行回调

利用this.$emit('事件名',值or数据)进行回调
调用事件后,将使用事件里的方法,此时就可以通过方法接收子的值

实现代码:

父组件




子组件

  
  


你可能感兴趣的:(父子通信与兄弟通信的方式)