vue-cli工程において、親コンポーネントはrefでサブアセンブリの値を取得する.

    
     

    prop    ，          JavaScript         。
       ref            ID。  ：


  

var parent = new Vue({ el: '#parent' })

//        
var child = parent.$refs.profile

  ref   v-for      ，            ，         
     。
$refs             ，         。        
      
    ——                $refs。

      ：

<template>
  <div id="app">
    {{ a }}
    <button @click="getchild">  ref       </button>
    <!--      -->
    <three ref="mesage"/>
  </div>
</template>
<script>


import three from './components/three'

export default {
  components:{
    three,
  },
  data(){
    return {
      a:'     ',
    }
  },
  methods:{
    getchild(){
	   //   this.$refs  
      console.log(this.$refs.mesage.mes)
    }
  }
}
</script>

<template>
    <div class="three">
        {{mes}}
    </div>
</template>

<script>
	export default {
	  data() {
	    return {
	        mes:'666'
	    };
	  }
	};
</script>