vue中 父组件向子组件传值案例讲解「建议收藏」

<template>
  <div>
     <span>父组件</span>
     <icomponent-box :id="this.id"></icomponent-box>
  </div>
</template>
<script>
//导入子组件
import icomponent from './icomponent.vue';
export default {
  data () {
    return {
      id:12
    }
  },
  components:{  //用来注册子组件的节点
      "icomponent-box": icomponen
  }
}
</script>
<style>
</style>

<template>
  <div>子组件</div>
</template>
<script>
export default {
  data () {
    return {
    }
  },
 methods:{
   getComponents(){
        this.$http.get("api/getcomponents/" + this.id);
    }
 },
 props: ["id"]  //接收父组件传递过来的id值
}

</script>