Nou Generator de prompt AI — scrie prompturi mai bune pentru ChatGPT, Claude și Gemini →

Macro-ul defineModel() în Vue 3.4+ în Vue.js & Nuxt

Simplifică legătura bidirecțională v-model în componente copil, eliminând declararea manuală de props și emits.

Sintaxă
const model = defineModel(); | const titlu = defineModel('titlu', { required: true });

Ce este macro-ul defineModel()

Înainte de Vue 3.4, pentru a crea o componentă compatibilă cu v-model trebuia să declari manual un prop (cum ar fi modelValue) și un emitent asociat (update:modelValue). Macro-ul defineModel() automatizează complet acest tipar:

Returnează o referință ref care sincronizează automat mutațiile cu valoarea din componenta părinte ori de câte ori i se atribuie o nouă valoare.

Exemplu Concret: Crearea unui input personalizat reutilizabil
<!-- Componenta Copil: InputPersonalizat.vue -->
<script setup>
const valoare = defineModel({ required: true });
</script>

<template>
  <input v-model="valoare" class="camp-text" />
</template>

Comunitate & Schimb de cunoștințe

Întrebări & Exemple de Cod: Macro-ul defineModel() în Vue 3.4+

Ai o nelămurire despre utilizarea comenzii Macro-ul defineModel() în Vue 3.4+ sau 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.

Comunitate Adaugă o întrebare sau distribuie un cod

Moderare & Siguranță:

Pentru a menține calitatea și securitatea informațiilor, fiecare întrebare sau fragment de cod/prompt este analizat (manual sau prin moderare asistată de AI) înainte de publicare.