프로덕션 스택 구축: Docker, Meilisearch, NGINX 및 NestJS

소개

Vue 2에 익숙하다면 모든 구성 요소의 템플릿에 단일 루트 요소가 필요하다는 것을 기억할 것입니다. Vue 3에서는 조각으로 인해 더 이상 필요하지 않습니다. 이는 이제 래퍼 없이도 구성 요소가 여러 루트 요소를 가질 수 있음을 의미합니다.

<!-- Vue 2 -->
<template>
  <div> <!-- wrapper ? -->
    <h1>My Blog Post</h1>
    <ArticleComponent>{{ content }}</ArticleComponent>
  </div>
</template>

<!-- Vue 3 -->
<template>
  <h1>My Blog Post</h1>
  <ArticleComponent>{{ content }}</ArticleComponent>
</template>

React의 Fragment와 매우 유사합니다. 그러나 Vue는 뒤에서 조각을 처리합니다. 실제로 Vue 3에서는