Puis-je utiliser deux composants identiques dans la même application ?

Question

Dans certains cas, vous souhaitez appeler une fenêtre contextuelle ou non-popup

Answer 1

Oui, bien sûr, il est possible d'utiliser plusieurs fois le même composant dans un composant parent. Chaque fois qu'il est inséré dans un modèle, une nouvelle instance du composant est créée. Donc, dans votre cas, votre code peut être simplifié comme suit :

<template>
  <!-- 主要部分 -->
  <div v-if="!popupFlag">
    <C :prop-option="option" />
  </div>

  <!-- 弹出部分 -->
  <div v-else>
    <C :prop-option="option" />
  </div>
</template>

...
import C from "C.vue"
...

Ou, le moyen le plus simple est :

<C :prop-option="popupFlag ? optionForPopup : optionForMain" />

De cette façon, vous pouvez réutiliser efficacement le même composant avec différentes options selon popupFlag.