Condividi tramite

Che cos'è Vue.js?

Vue è un framework JavaScript open source e front-end per la creazione di interfacce utente e applicazioni a pagina singola sul Web. Creato da Evan You, rilasciato nel 2014 e gestito da Evan e dal suo team principale, Vue si concentra sul rendering dichiarativo e la composizione dei componenti offrendo una libreria di base solo per il livello di visualizzazione.

Per costruire un'app Web Vue con rendering lato server e funzionalità avanzate come il routing, la gestione dello stato e gli strumenti di compilazione, esamina Nuxt.js.

Cosa rende Vue unico?

Vue usa un'architettura model-view-viewmodel. Evan You ha lavorato in precedenza su AngularJS a Google e ha estratto parti di Angular per offrire un framework più leggero. Vue è in molti modi simile a React, Angular, Ember, Knockout e così via. Consulta la documentazione di Vue per un confronto più approfondito con questi altri framework JavaScript.

Cosa puoi fare con Vue?

Strumenti Vue

Vue.js è incentrato solo sul livello di visualizzazione, quindi potrebbe richiedere strumenti aggiuntivi per creare un'app più complessa. È consigliabile usare:

  • Gestione pacchetti: due gestori di pacchetti più diffusi per Vue sono npm (inclusi in NodeJS) e yarn. Entrambi supportano una vasta libreria di pacchetti ben gestiti che possono essere installati.
  • Vue CLI: toolkit standard per lo sviluppo rapido di Vue.js con supporto predefinito per Babel, PostCSS, TypeScript, ESLint e così via.
  • Nuxt.js: framework per rendere possibile il rendering delle app sul lato server Vue.js. Il rendering lato server può migliorare la SEO e rendere le interfacce utente più reattive.
  • Pacchetto di estensioni Vue per VS Code: Aggiunge l'evidenziazione della sintassi, la formattazione del codice e i frammenti di codice ai file .vue.
  • Vuetify: una libreria di interfaccia utente Vue che offre componenti del framework Material Design.
  • Vuesion: un boilerplate Vue per app Web progressive pronte per la produzione.
  • Storybook: un ambiente di sviluppo e test per i componenti dell'interfaccia utente Vue.
  • Vue Router: supporta il mapping degli URL dell'applicazione ai componenti Vue.
  • Vue Design System: uno strumento open source per la creazione di sistemi di progettazione con Vue.js.
  • VueX: sistema di gestione dello stato per le app Vue.

Risorse aggiuntive