Vue父子组件访问

1、父组件访问子组件：使用$children或$refs（在开发中一般使用$refs）

（1）使用$children访问：this.$children是一个数组类型，它包含所有子组件对象。（注意：当要拿到所有子组件的时候才会使用$children）

案例：使用$children通过遍历访问子组件中的方法和属性

        
        
        


        
        

            
            
            按钮
        
    
        
        
    
        

（2）使用$refs访问：$refs是一个对象类型，默认是一个空的对象，必须在组件上添加ref="xxx"

案例：使用$refs访问第二个组件中的属性name

    
    
    


    
    

        
         
        按钮
    

    
    

            
  

2、子组件访问父组件：使用$parent或$root（在开发中一般使用$root）

（1）使用$parent访问

案例：使用$parent访问父组件中的属性name

（2）使用$root访问

案例：使用$root访问根组件中属性name