写一个简单的vue props代码并每行写明注释

<template>
  <div>
    <!-- 父组件通过 prop 传递一个名为 message 的字符串给子组件 -->
    <child-component :message="parentMessage" />
  </div>
</template>
<script>
  import ChildComponent from './ChildComponent.vue'

  export default {
    components: {
      ChildComponent
    },
    data() {
      return {
        parentMessage: 'Hello, World!' // 定义一个名为 parentMessage 的数据属性
      }
    }
  }
</script>