Ce este meta-componenta
Atunci când structura interfeței trebuie să schimbe tipul de componentă afișat la runtime (de exemplu într-un constructor dinamic de formulare, tab-uri sau fluxuri cu pași multipli), <component :is="..."> instanțiază componenta specificată în prop-ul :is.
Exemplu Concret: Schimbarea dinamică a pașilor într-un asistent Wizard
<template>
<nav>
<button @click="pasCurent = Pas1">Pasul 1</button>
<button @click="pasCurent = Pas2">Pasul 2</button>
</nav>
<component :is="pasCurent" />
</template>
<script setup>
import { shallowRef } from 'vue';
import Pas1 from './Pas1.vue';
import Pas2 from './Pas2.vue';
// Folosiți shallowRef pentru obiectele componente pentru performanță optimă
const pasCurent = shallowRef(Pas1);
</script>
Întrebări & Exemple de Cod:
Meta-componenta <component :is='...'> în Vue 3Ai o nelămurire despre utilizarea comenzii
Meta-componenta <component :is='...'> în Vue 3sau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!
Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.