Vue.js, kortweg Vue, is een open source JavaScript-framework voor het bouwen van interactieve gebruikersinterfaces. Ontwikkelaars bouwen een pagina op uit componenten: zelfstandige onderdelen met eigen weergave en gedrag. Vue kan zowel een klein onderdeel van een bestaande pagina als een complete webapplicatie aansturen.
Waarvoor wordt het gebruikt
Vue wordt gebruikt voor de zichtbare kant (de frontend) van websites en webapplicaties. Het past bij onderdelen die direct moeten reageren op de bezoeker, zoals zoekvelden, formulieren, winkelwagens en dashboards.
Vue staat bekend als een progressief framework: je kunt het stapsgewijs invoeren. Een ontwikkelaar kan het eerst op één pagina gebruiken en het later uitbreiden tot een volledige applicatie.
Belangrijkste kenmerken
- Componenten: herbruikbare bouwstenen, zoals een menu of productkaart.
- Reactiviteit: verandert een gegeven, dan past Vue de bijbehorende weergave automatisch aan.
- Single-file components: in één bestand staan de HTML-opbouw, de JavaScript-logica en de CSS-opmaak van een component bij elkaar.
Rond Vue bestaan officiële uitbreidingen voor onder meer navigatie tussen pagina’s en het beheren van gedeelde gegevens.
Beperkingen en nuances
Vue richt zich op de gebruikersinterface. Voor opslag, inloggen en andere serverfuncties is een aparte backend nodig, waarmee Vue meestal via een API praat. Net als bij andere JavaScript-frameworks vraagt een volledig in de browser opgebouwde pagina extra aandacht voor laadtijd.
Vue in de praktijk
Vue wordt vaak gekozen omdat het relatief snel te leren is en goed samenwerkt met bestaande websites. Een team kan beginnen met één interactief onderdeel, zoals een zoekfilter, en later meer onderdelen in Vue bouwen. Vergelijkbare keuzes zijn React en Angular; welke past, hangt af van de ervaring van het team en de eisen van het project.
