Vue 之孙组件向爷组件通信的实现

如何把孙组件内特定的数据传给爷组件？

例如

把孙组件的名字传给爷组件并在爷组件上显示

思路

• 在孙组件被点击后 emit 事件 1 和孙组件的名字
• 在父组件上监听孙组件 emit 出的事件 1，再次 emit 事件 2
• 在爷组件上监听父组件 emit 出的事件 2，并触发处理函数
• 这个处理函数将父组件传出的子组件名字显示在父组件上

 
  
  
  
 
 
  
   child name: {{child}}
   
  
 
 

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。