Creare Componenti Vue con le Rotte

In questa lezione vedremo come creare componenti Vue per le rotte utilizzando Vue Router.

Scopo di questa lezione è quello di creare un piccolo sito web di esempio per capire come visualizzare le varie pagine personalizzate con contenuto e titolo.

Iniziamo con la creazione di alcuni componenti: HeaderComponent e FooterComponent.

Creare Componenti Vue con le Rotte – HeaderComponent

Partiamo dall’HeaderComponent. In questo componente ho utilizzato il componente fornito da Vue Router per navigare tra le diverse pagine dell’applicazione.

Il componente è un componente fornito da Vue Router che consente di creare link tra le diverse rotte dell’applicazione. È simile all’elemento in HTML, ma offre funzionalità aggiuntive specifiche per la gestione delle rotte.

Poi ho inserito l’attributo to che definisce la rotta alla quale il link deve puntare. Può essere una stringa contenente il percorso della rotta o un oggetto di opzioni di navigazione. Inoltre ho aggiunto l’attributo exact che viene utilizzato quando si desidera che il link sia attivo solo quando la rotta corrente corrisponde esattamente al percorso specificato nell’attributo to. Ad esempio, exact è utilizzato nel link per la homepage () per assicurarsi che il link sia attivo solo quando la rotta

Continua la lettura su: https://www.codingcreativo.it/creare-componenti-vue-con-le-rotte/ Autore del post: Cristina Parma Fonte: