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

Hook-ul useRoute() în Vue Router în Vue.js & Nuxt

Returnează obiectul reactiv al rutei active curente, oferind acces la parametri dinamici (params), query și meta.

Sintaxă
const route = useRoute(); const id = route.params.id;

Ce este useRoute()

Hook-ul useRoute() returnează un obiect reactiv ce reflectă starea rutei curente din browser. Proprietățile sale (cum ar fi params, query, hash și meta) sunt reactive și se actualizează automat la fiecare navigare.

Exemplu Concret: Preluarea ID-ului din URL într-o pagină de produs
<script setup>
import { useRoute } from 'vue-router';
import { watch } from 'vue';

const route = useRoute();

// Acces la parametrul /produs/:id
console.log('ID Produs:', route.params.id);

// Urmărirea schimbării parametrilor fără demontarea componentei
watch(() => route.params.id, (nouId) => {
    console.log('S-a comutat pe produsul:', nouId);
});
</script>

Comunitate & Schimb de cunoștințe

Întrebări & Exemple de Cod: Hook-ul useRoute() în Vue Router

Ai o nelămurire despre utilizarea comenzii Hook-ul useRoute() în Vue Router 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.