vuejs填坑-父子组件之间的访问

有时候我们需要父组件访问子组件，子组件访问父组件，或者是子组件访问根组件。

1. 父组件访问子组件 $children或$ref

$children 返回所有子组件的实例，是一个数组

    
      显示两个组件的信息
    
        
    
    

在线demo

$ref 有时候组件过多的话，就很记清各个组件的顺序与位置，所以通过给子组件一个索引ID

        
      显示两个组件的信息
    
        
    
    

在线demo

2. 子组件访问父组件 $parent

    父组件中的msg: {{ msg }}
        
    
    

在线demo

3. 子组件访问根组件 $root 当前组件树的根 Vue 实例。如果当前实例没有父实例，此实例将会是其自已。

    父组件中的msg: {{ msg }}
        
    
    

在线demo

Done! 1点了，晚安！