如何使用来自A =＆gt;的道具传递数据B =＆gt; C在VueJS

Question

我对VueJS很新。我正在编写一个应用程序，其中我需要将数据从父级传递给它的孩子，然后再次传递给它的孩子。所以基本上，如果A位于订单的顶部，我的数据流从A开始，A =＆gt; B =＆gt; C，其中C是B的孩子。

我的代码看起来像这样，

A.vue

import B from './B.vue';

 export default {
	data(){
		return{
            info:[],

            errors: []
		}
	},
  
  created: function(){
  
    this.accessInformation();
  },

    methods: {
        
        accessInformation: function(){
            this.info.push(response.data.rows[1])
        }
    },

	components: {								
        'b': B,
        
    }
}

<template>
  <div>
    <b :info="info"></b>
  </div>
</template>

我正在尝试访问道具并以这种方式发送给C.vue

B.vue

import C from './c.vue'

export default{

    props:['info'],

    components:{
        'c': C
    }
}

<template>
  <div>
    <c :info="info"></c>
  </div>
</template>

最后，我试图访问B.vue发送的道具数据，如此

C.vue

export default{

  props:['info']

}

基本上，我正在尝试访问从A.vue一直发送的数据。我无法访问C.vue中的数据。我知道我错了。有人可以帮帮我吗。谢谢！