组件-父子之间直接访问

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

1.父组件访问子组件

(1)$children

(2)$refs

$refs是对象类型，默认是一个空的对象，在引用组件时加ref='aaa'

console.log(this.$refs.aaa.name)

2.子访问父

（1）$parent

     

    components:{
       ccpn:{
          template:'#ccpn',
           methods:{
              btnClick(){
                 //1.访问父组件$parent
                 console.log(this.$parent);
                 console.log(this.$parent.name)                                     
               }
            }
        }                       
    }

(2)$root

this.$root直接访问根组件