Javascript Vue组件上未定义的属性

Javascript Vue组件上未定义的属性,javascript,vue.js,Javascript,Vue.js,尝试使用my ProjectContainer组件中的{project.projectSummary}呈现某些文本时,获取一个错误,该错误导致project未定义。我猜测组件初始化的时间project是undefined,因为它在我的组件上的VueTools fine中显示 因此,接下来,我尝试在父组件上设置v-if=“resource.project” 从“../../database/database”导入{firebaseAuth,database} 从“Vue”导入Vue 从“Vue

尝试使用my ProjectContainer组件中的
{project.projectSummary}
呈现某些文本时,获取一个错误,该错误导致
project
未定义。我猜测组件初始化的时间
project
undefined
,因为它在我的组件上的VueTools fine中显示

因此,接下来,我尝试在父组件上设置
v-if=“resource.project”


从“../../database/database”导入{firebaseAuth,database}
从“Vue”导入Vue
从“VueFire”导入VueFire
从“../ResourceCard/ResourceCard”导入ResourceCard
从“./Project”导入项目容器
Vue.use(VueFire);
导出默认值{
名称:'资源',
组成部分:{
资源卡,
项目容器
},
数据(){
返回{
showResourceBtn:对
}
},
计算:{
fbUser(){
返回firebaseAuth.currentUser
}
},
创建(){
//加载资源
this.$bindaObject('resource',database.ref('/resources/'+this.$route.params.resourceKey));
}
}    
但这也不起作用。在控制台中给我一个警告,
Invalid prop:prop“project”的类型检查失败。预期对象,未定义。


有什么想法吗?谢谢

您尝试过将项目初始化为空对象吗?我在这里看不到资源键-我只看到父项目,所以尝试设置
v-if=“project”
资源
在创建的
钩子中。@EricG在父项目中?好的,我对firebase不是很熟悉,但我认为你们应该做的是,当路由被激活时,从firebase获取这些数据-,我的一个答案可能会对你们有所帮助