平行组件、父子、子父之间的值传递

平行组件、父子、子父之间的值传递都可以使用中间对象来传递值，有些地方成为公交车对象，其原理就是将要传递的值放在一个单独的对象上，要接受的地方从这个单独的对象上去接受。其中主要用到一个独立的Vue对象、$emit 和$on方法

• vm.$emit( eventName, […args] )

  • 参数：

    • {string} eventName
    • [...args]

  触发当前实例上的事件。附加参数都会传给监听器回调。

  详情参见……

• vm.$on( event, callback )

  • 参数：

    • {string | Array} event (数组只在 2.2.0+ 中支持)
    • {Function} callback

  • 用法：

    监听当前实例上的自定义事件。事件可以由vm.$emit触发。回调函数会接收所有传入事件触发函数的额外参数。
    详情参见……

代码案例如下：

    
    
    
    
    



    

        

            

                

                    
APP父组件
                
                

                    

                        
接收其他组件传来的值
                        
                        
值为：{{other_info}}
                    
                    

                        

                            
                        
                        

                            
                        
                        

                            
                        
                    
                
            
        
    

效果图如下：

image.png