我是VueJS的新手.有一个父组件，数据从该组件传递给子组件和孙组件.
我的子元素组件是这样的，
B.vue
import C from './c.vue'
export default{
props:['info'],
components:{
'c': C
},
created: function(){
this.getInfo();
},
methods: {
getInfo: function(){
console.log("Printing inside get method", this.info);
}
}
}<template>
<div>
<c :info="info"></c>
</div>
</template>当我看到控制台时，我看到一个这样打印的数组，
![[__ob__: Observer] array](https://i.stack.imgur.com/LIkQX.png)
当我try 像这样访问数组元素info[0]时，控制台显示undefined.我无法访问数组的元素.有人能帮帮我吗？谢谢
<template>
<div>
<c :info="info"></c>
</div>
</template>
:info="info"将把外部组件info属性传递给c组件.如果该外部组件没有属性info，那么它将导致您现在可以看到的undefined(根据注释).
如果您只是想测试行为，而您的目标是将字符串info传递到组件c中，那么您可以通过如下方式将其作为字符串传递:
<template>
<div>
<c :info="'info'"></c>
</div>
</template>
或者没有::
<template>
<div>
<c info="info"></c>
</div>
</template>
为什么？因为:是v-bind:的简写，它寻找javascript对象，而:info="info"等于:info=info，所以你实际上想要用:info="'info'"，因为这等于:info='info'.
您可以在Vue的"props 文档"部分中阅读更多关于这一点的信息.js:https://vuejs.org/v2/guide/components-props.html
如果在外部组件中设置了info属性，请告诉我们如何进一步帮助您.