javascript-如何在父级呈现组件子级

我熟悉 ReactJS，但不熟悉 VueJS。

我在哪里可以将组件子组件放置在父组件中。我在 ReactJS 中有这个示例，如何使用 VueJs 创建相同的示例：

function FancyBorder(props) {

  return (

    <div className={'FancyBorder FancyBorder-' + props.color}>

      {props.children}

    </div>

  );

}

function WelcomeDialog() {

  return (

    <FancyBorder color="blue">

      <h1 className="Dialog-title">

        Welcome

      </h1>

      <p className="Dialog-message">

        Thank you for visiting our spacecraft!

      </p>

    </FancyBorder>

  );

}

VueJS 中的 {props.children} 是什么？