Construire une pile de production : Docker, Meilisearch, NGINX et NestJS

Introduction

Si vous êtes habitué à Vue 2, vous vous souviendrez peut-être que le modèle de chaque composant nécessitait un seul élément racine. Dans Vue 3, ce n'est plus nécessaire à cause des fragments. Cela signifie que vos composants peuvent désormais avoir plusieurs éléments racine sans avoir besoin d'un wrapper.

<!-- 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>

C'est très similaire à Fragment dans React. Cependant, Vue gère les fragments en coulisses. En fait, dans Vue 3, vous pouvez penser au