Vueの親コンポーネントが子コンポーネントにアクセスする方法--$childrenと$refs

1.  $children
   ，                  ，     ；

2.$refs


demo:




    
    
    


    

        
        
        
          
    
    
    
    
        const app = new Vue({
            el:"#app",
            data:{

            },
            methods: {
               btnClick(){
                // this.$children[0].showMessage();   //   
                // console.log(typeof this.$children);
                this.$refs.myCpn.showMessage();    //  
               } 
            },
            components:{
                cpn:{
                    template:"#cpn",
                    methods:{
                        showMessage(){
                            console.log("showMessage");
                        }
                    }
                }
            }
        });