在前一个视频获取推荐分类的数据：

return api.getRecommendCategories().then(result =>{
  console.log(result.data);
  if(result.code === 10000){
    return {categories:result.data};
  }else{
    //:todo 处理错误
  }
  }
);

可以获取数据并渲染成功，但加上获取分类的详请后是这样的：
let categoriesResult = await api.getRecommendCategories();
console.log("categoriesResult.code: " + categoriesResult.code);
if( categoriesResult.code === 10000){
  //获取分类结果成功
  //获取分类的第一个的详细数据
  console.log("contentResult.data: " + categoriesResult.data)
  console.log("contentResult.data: " + categoriesResult.data[0].favorites_id)
  let contentResult = await api.getRecommendCategoryContent(categoriesResult.data[0].favorites_id)
  console.log("contentResult.code: " + contentResult.code)
  if(contentResult.code === 1000){
    //获取分类的详细内容成功
    //返回分类数据和分类的详细内容

    return {categories: categoriesResult.data};
  }
}else{
  //:todo 处理错误
}
这样处理就会报错，报错如下：
 ERROR  [Vue warn]: Property or method "categories" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing th
e property.

应该是数据请求变为同步请求导致的吧，vue现在才开始学习，所以不知道具体错误原因和如何处理，感觉代码是和康师傅一样的啊，不知道是不是那个地方漏了东西？还请各位大佬指点迷津！