Vue: 機能：パーシャルのフォールバックコンテンツ

パーシャルは、スロットと同じように、フォールバックコンテンツをサポートする必要があります。 これにより、テンプレートを特定の方法で使用するときに、テンプレートの読みやすさが大幅に向上します。
いくつかのロジック（ダイアログなど）を持つ基本コンポーネントがあり、そこから同じロジックと（外部）テンプレートを共有する他のコンポーネント（PromptDialogなど）を派生させる必要があります。 これは、スロットが使用されるのと同様のパーシャルを使用することによって実現されますが、インスタンスではなくコンポーネントベースで行われます。
このようなテンプレートは次のようになります。

<div>
  <div class="header">
    <partial name="header">
      <i class="fa-whatever"></i>
      {{title}}
    </partial>
  </div>
  <div class="body">
    <partial name="body">
      {{{body}}}
    </partial>
  </div>
  <div class="footer">
    <partial name="footer">
      <!-- some stuff for button rendering -->
    </partial>
  </div>
</div>

この機能がないと、すべてのパーシャルノードのコンテンツをテンプレートの外に配置する必要があります。ネストされたパーシャルを使用するとさらに悪化します。
派生インスタンスのテンプレートでベースコンポーネントを使用して問題にアプローチする-したがって、ネストされたインスタンスを持つことは実用的ではありません。データ/プロップとAPIの大部分を外部（疑似派生）から内部にリダイレクトする必要があるためです。 （ベース）インスタンス。