Json 无法将道具传递给Vue js中的子组件

我花了将近两个小时来弄清楚我到底做错了什么。我只是在我的父组件中获取数据，然后将其传递给我的子组件，在我的子组件中，我使用道具获取该组件，但我没有得到任何东西。仅供参考，如果我的console.log不在我的子组件中，我将在父组件中接收所有数据

这是我的父组件：

    <template>
  <div class="container">
    <div class="row">
      <div class="col-sm-12">
        <div class="about2">
          <h1>What I do</h1>
          <StudyCard :studies="data.studycards" />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import StudyCard from "@/components/StudyCard.vue";
import data from "../assets/data.json";
export default {
  components: {
    StudyCard,
  },
  data() {
    return {
      data,
    };
  },
};
console.log(data.studycards);
</script>

我做什么
从“@/components/StudyCard.vue”导入StudyCard；
从“./assets/data.json”导入数据；
导出默认值{
组成部分：{
学习卡，
},
数据（）{
返回{
数据，
};
},
};
console.log（data.studycards）；

这是my child组件的脚本：（这是您唯一需要的东西，因为它给出了问题）

导出默认值{
道具：[“研究”]，
};
控制台日志（研究）//这行是错误的

---

感谢您解决了这个问题。

问题在于您正在访问方法或生命周期挂钩之外的道具

<script>
export default {
  props: ["studies"],
  mounted() {
    console.log(this.studies); 
  }
};
</script>

导出默认值{
道具：[“研究”]，
安装的（）{
console.log（this.studies）；
}
};

vue道具不会在您的控制台记录范围内设置

研究
，非常感谢它的工作。因此，道具应始终从内部搬运。吸取的教训。谢谢大家的帮助。如果这有帮助，请接受答案并投票。
<script>
export default {
  props: ["studies"],
  mounted() {
    console.log(this.studies); 
  }
};
</script>