Vue: 기능: 부분에 대한 대체 콘텐츠

부분은 슬롯과 마찬가지로 대체 콘텐츠를 지원해야 합니다. 이렇게 하면 템플릿을 특정 방식으로 사용할 때 템플릿의 가독성이 크게 향상됩니다.
동일한 논리 및 (외부) 템플릿을 공유하는 다른 구성 요소(예: PromptDialog)가 파생되어야 하는 일부 논리(예: Dialog)가 있는 기본 구성 요소가 있습니다. 이것은 슬롯이 사용되는 것과 유사한 부분을 사용하여 달성되지만 인스턴스가 아닌 구성 요소 기반입니다.
이러한 템플릿은 다음과 같습니다.

<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를 외부(의사 파생)에서 내부로 리디렉션해야 하기 때문입니다. (기본) 인스턴스.