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 sulla composizione dei componenti offrendo una libreria di base solo per il livello di visualizzazione.
Per creare un'app Web Vue di cui è stato eseguito il rendering del server con funzionalità avanzate, ad esempio routing, gestione dello stato e strumenti di compilazione, vedere Nuxt.js.
Cosa rende Vue unico?
Vue usa un'architettura model-view-viewmodel. Evan You funzionava in precedenza su AngularJS di Google e parti estratte da Angular per offrire un framework più leggero. Vue è per molti versi simile a React, Angular, Ember, Knockout, ecc. Per un confronto più approfondito con questi altri framework JavaScript, vedere la documentazione di Vue.
Cosa si può fare con Vue?
- Creare un'app a singola pagina
- Usare un solo componente di Vue per aggiungere un semplice elenco attività alla propria app o trovare esempi più complessi
- Creare un sito Web di cui è stato eseguito il rendering del server con un back-end Node.js, con l'aiuto di Nuxt.js
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.
- Interfaccia della riga di comando di Vue: un toolkit standard per lo sviluppo rapido di Vue.js con supporto predefinito per Babel, PostCSS, TypeScript, ESLint e così via.
- Nuxt.js: un framework per eseguire il rendering delle app Vue.js sul lato server. Il rendering lato server può migliorare il SEO e rendere le interfacce utente più reattive.
- Pacchetto di estensione Vue per VS Code: aggiunge l'evidenziazione della sintassi, la formattazione del codice e i frammenti di codice ai file con estensione .vue.
- Vuetify: una libreria dell'interfaccia utente Vue che offre componenti Material Design Framework.
- 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 RouterVue: 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: un sistema di gestione dello stato per le app Vue.
