如何将选项传递到自定义vue组件中？

<template>
  <div>
    <custom-component :option="myOption"></custom-component>
  </div>
</template>

<script>
import CustomComponent from './CustomComponent.vue';

export default {
  components: {
    CustomComponent
  },
  data() {
    return {
      myOption: '这是一个选项'
    };
  }
};
</script>

<template>
  <div>
    <p>{{ option }}</p>
  </div>
</template>

<script>
export default {
  props: {
    option: {
      type: String,
      required: true
    }
  }
};
</script>