如何在VueJS中传递子元素

<template>
  <div>
    <h1>父组件</h1>
    <slot></slot>
  </div>
</template>

<template>
  <div>
    <h2>子组件</h2>
    <p>这是子组件的内容。</p>
  </div>
</template>

<template>
  <div>
    <h1>使用父组件</h1>
    <parent-component>
      <p>这是插入到父组件中的子组件内容。</p>
    </parent-component>
  </div>
</template>

<div>
  <h1>使用父组件</h1>
  <div>
    <h1>父组件</h1>
    <h2>子组件</h2>
    <p>这是插入到父组件中的子组件内容。</p>
  </div>
</div>