本番スタックの構築: Docker、Meilisearch、NGINX、NestJS

導入

Vue 2 に慣れている方は、すべてのコンポーネントのテンプレートに 1 つのルート要素が必要だったことを覚えているかもしれません。 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 では、