Creare Componenti Vue con le Rotte
Cristina 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…
2024
Installare Vue Router
In questa lezione vedremo come installare Vue Router nei nostri progetti. Per l’installazione di Vue Router analizzeremo in dettaglio i passaggi da seguire per poterlo utilizzare nei nostri progetti. Innanzitutto…
Introduzione a Vue Router
In questa lezione faremo una breve introduzione a Vue Router per capire perchè è conveniente utilizzarlo nei nostri progetti, Definizione Vue Router è una libreria ufficiale per la gestione delle…
Lifecycle hook mounted
In questa lezione parleremo del lifecycle hook mounted di Vue.js. Questo lifecycle hook è chiamato dopo che un componente è stato montato nel DOM ed è utile quando occorre eseguire…
Lifecycle hook beforeMount
In questa lezione parleremo di lifecycle hook beforeMount di Vue.js. Questo metodo è uno dei lifecycle hooks che viene chiamato prima che il componente venga montato nel DOM, dunque permette…
lifecycle hook created in Vue.js
In questa lezione parleremo del lifecycle hook created in Vue.js. Questo hook è uno dei primi ad essere eseguiti durante il ciclo di vita di un componente Vue. lifecycle hook…
lifecycle hook beforeCreate in Vue.js
In questa lezione parleremo di beforeCreate, un lifecycle hook dei componenti in Vue.js. Gli hooks del ciclo di vita sono metodi predefiniti che sono chiamati in momenti specifici durante il…
slot di Vue.js
In questa lezione parleremo deli slot di Vue.js, partendo dalla definizione di slot nel contesto di Vue JS. Definizione tecnica 🛠️ In termini tecnici, uno slot è un’API che consente…
Tabs in Vue.js
In questa lezione creiamo un esercizio per gestire le tabs in Vue.js. Le “tabs” sono solitamente utilizzati per creare interfacce utente con più schede, dove ogni scheda contiene un insieme…
Lifecycle hooks in Vue
In questa lezione parliamo dei lifecycle hooks in Vue.js che sono metodi speciali che possono essere definiti all’interno di un componente. Gli hooks sono eseguiti automaticamente in diverse fasi del…
Installazione di Bootstrap in Vue.js
In questa lezione effettueremo l’installazione di Bootstrap in Vue.js. Ricordiamo che Bootstrap è un framework front-end open source utilizzato per la progettazione e lo sviluppo di interfacce utente responsive e…
Slideshow in Vue JS
In questa lezione realizziamo uno slideshow utilizzando Vue JS. Gli slideshow sono un elemento comune nelle moderne applicazioni web, utilizzati per presentare contenuti in modo dinamico e coinvolgente. Con Vue.js,…
emit in Vue.js
L’emit In Vue.js, è un metodo utilizzato per la comunicazione tra componenti figli e genitori. Infatti, consente ai componenti figli di inviare eventi al loro componente genitore. Possiamo descrivere il…
props in Vue 3
In questa lezione affronteremo le props in Vue 3 integrando la sintassi della Composition API. Ricordiamo che le props sono un meccanismo fondamentale per passare dati da un componente genitore…
props in Vue.js
Le props (abbreviazione di “properties”) sono una caratteristica di Vue.js che consente la comunicazione unidirezionale dei dati tra componenti genitore e figlio. Difatti le props consentono dunque ai componenti figli…
Direttiva v-model in Vue.js
La direttiva v-model in Vue.js è utilizzata per creare un legame bidirezionale tra i dati dell’applicazione e gli elementi di input HTML come campi di testo, caselle di controllo e…
Direttiva v-bind in Vue.js
La direttiva v-bind in Vue.js è una delle direttive più utilizzate per collegare dinamicamente gli attributi HTML a espressioni Vue all’interno del template. Questo consente di rendere l’interfaccia utente reattiva…
Direttiva v-for in Vue.js
La direttiva v-for in Vue.js è una delle direttive più utilizzate in Vue.js ed è usata per iterare su un array o su un oggetto e renderizzare dinamicamente gli elementi…