您可以在vue3中设置自定义组件的自定义高度吗？

<template>
  <div class="custom-component"></div>
</template>

<style>
.custom-component {
  height: 300px; /* 设置组件的高度为300像素 */
}
</style>

<template>
  <div :style="{ height: customHeight }" class="custom-component"></div>
</template>

<script>
export default {
  props: {
    customHeight: {
      type: String,
      default: '300px' // 设置默认高度为300像素
    }
  }
}
</script>