vue 父组件与子组件传递参数失败问题

今天写博客获取评论模块，需要从父组件向子组件传递topicId，但评论一直不显示

子组件：

export default {
  name: "CommentView",
  prop: ['topicId'],
  components: { AddComment },
  data() {
    return {
        comments: []
    };
  },
  created() {
    this.fetchComment()
  },
  methods: {
    fetchComment() {
      getComments(this.topicId).then(value => {
              console.log(this.topicId)
              const {data} = value
              this.comments = data
          })
    }
}

父组件中向子组件传值：

 <Comment-view :topicId = "topic.id"></Comment-view>

在父组件和子组件中分别输出传递的参数，父组件显示正常，子组件显示undefined

问题的解决：
检查了好久发现居然是子组件中prop少加了s!!!
还需要更细心一些，没有了代码报错提示，总是出现不注意的拼写错误