Wat is Vue.js?

Vue is een opensource JavaScript-framework voor het bouwen van gebruikersinterfaces en toepassingen met één pagina op internet. Gemaakt door Evan You, uitgebracht in 2014 en onderhouden door Evan en zijn kernteam, richt Vue zich op declaratieve rendering en componentsamenstelling die alleen een kernbibliotheek voor de weergavelaag biedt.

Als u een door de server gerenderde Vue-web-app wilt bouwen met geavanceerde functies zoals routering, statusbeheer en buildhulpprogramma's, bekijkt u Nuxt.js.

Wat maakt Vue uniek?

Vue maakt gebruik van een model-view-viewmodel-architectuur. Evan You werkte eerder aan AngularJS bij Google en haalde delen uit Angular om een lichter framework aan te bieden. Vue is vergelijkbaar met React, Angular, Ember, Knockout, etc. Zie de Vue-documentatie voor een uitgebreidere vergelijking van met deze andere JavaScript-frameworks.

Wat kun je doen met Vue?

• Een app met één pagina bouwen (SPA)
• Gebruik slechts een onderdeel van Vue om een eenvoudige to-do lijst toe te voegen aan uw app- of complexere voorbeelden te vinden
• Bouw een door de server gerenderde website met een Node.js back-end, met hulp van Nuxt.js

Vue-hulpmiddelen

Vue.js is alleen gericht op de weergavelaag. Hiervoor zijn mogelijk extra hulpprogramma's nodig om een complexere app te maken. U kunt overwegen het volgende te gebruiken:

• Package Manager: Twee populaire pakketbeheerders voor Vue zijn npm (die deel uitmaakt van NodeJS) en yarn. Beide ondersteunen een brede bibliotheek met goed onderhouden pakketten die kunnen worden geïnstalleerd.
• Vue CLI: een standaardtoolkit voor snelle Vue.js ontwikkeling met out-of-the-box-ondersteuning voor Babel, PostCSS, TypeScript, ESLint, enzovoort.
• Nuxt.js: Een framework om server-side-gerenderde Vue.js-apps mogelijk te maken. Rendering aan de serverzijde kan SEO verbeteren en gebruikersinterfaces responsiefer maken.
• Vue-extensiepakket voor VS Code: voegt syntaxismarkeringen, codeopmaak en codefragmenten toe aan uw .vue-bestanden.
• Vuetify-: een Vue UI-bibliotheek met materiaalontwerpframeworkonderdelen.
• Vuesion: een Vue-sjabloon voor productieklare Progressive Web Apps (PWA's).
• Storybook: een ontwikkel- en testomgeving voor onderdelen van de Vue-gebruikersinterface.
• Vue Router: ondersteunt het toewijzen van toepassings-URL's aan Vue-onderdelen.
• Vue Design System: een opensource-hulpprogramma voor het bouwen van ontwerpsystemen met Vue.js.
• VueX-: State Management System voor Vue-apps.

Aanvullende bronnen

• Vue-documenten
• Vue.js overzicht
• Vue.js installeren op WSL-
• Vue.js installeren in Windows
• Nuxt.js installeren
• uw eerste stappen uitvoeren met Vue.js leertraject
• Probeer een Vue-zelfstudie met VS Code