Wat is Vue?
Madelief
We kunnen wel stellen dat Vue momenteel een van de populairste JavaScript-frameworks op de markt is. Als Frontend Developer heb je ongetwijfeld al eens van deze techniek gehoord, maar wat is Vue precies en waarom is het juist nu zo populair onder developers? Wij lichten het hier toe
Vuejs framework
Laten we eerst eens inzoomen op de techniek zelf. Wat is Vue precies? Vue is een open source JavaScript framework waarmee je als webontwikkelaar gebruiksvriendelijke interactieve gebruikersinterfaces kunt bouwen. Vergeleken met andere JavaScript frameworks is Vue een relatief klein en daarmee overzichtelijk framework. Het is dan ook relatief makkelijk te leren. Omdat het framework open source is en een actieve community van ontwikkelaars heeft, wordt het framework regelmatig geüpdatet en worden er voortdurend nieuwe functies toegevoegd.
Een voordeel van Vue is dat het een modulair framework is, waardoor bepaalde elementen gemakkelijk herbruikbaar zijn voor nieuwe of andere projecten en applicaties. Zo hoef je als Frontend Developer niet steeds opnieuw complexe code te schrijven. Daarnaast werkt Vue gemakkelijk samen met andere frameworks en technieken, waardoor het voor veel projecten toepasbaar is.
Vue is dus de perfecte keuze voor het bouwen van moderne en interactieve webapplicaties. Meer voordelen lezen? Check dan eens onze blog over ‘’Voordelen van Vue’’!
Model-View-ViewModel
Vuejs is gebaseerd op het Model-View-ViewModel(MVVM) patroon. Dit is een architecturaal patroon dat wordt gebruikt in softwareontwikkeling. Dat klinkt misschien ingewikkeld, maar is eigenlijk heel logisch. Je raadt het niet, maar het patroon bestaat uit drie hoofdcomponenten: Het model, de View en de ViewModel. We kunnen het Model het best omschrijven als de logica achter de applicatie en View als de presentatielaag die de gebruikersinterface laat zien. ViewModel fungeert als tussenlaag; alle gegevens vanuit het Model worden zo doorgestuurd naar de View. ViewModel ontvangt ook de invoer vanuit de gebruiker en verwerkt deze weer in de logica van de applicatie. Zo loopt het hele proces op rolletjes!
Een van de redenen dat Vuejs wordt gezien als efficiënt en praktisch platform is, omdat het MVVM-patroon het mogelijk maakt dat gegevens in de Model automatisch worden doorgegeven aan de ViewModel en dus aan de View. Zo hoeft een Developer dus niet handmatig aanpassingen te synchroniseren en blijven gegevens up-to-date.
Wat is Vue 3?
De meest recente versie van Vue is Vuejs 3. Deze versie is gelanceerd op 18 september 2020 en bevat een aantal belangrijke verbeteringen ten opzichte van vorige versies. Zo is de Reactivity Engine volledig herschreven aan de hand van de nieuwste JavaScript functies. Ook gaat deze meest recente versie anders om met slots. Voorheen werd de scope van een slot volledig bepaald door het component, maar deze beperking is opgeheven. Hierdoor is er steeds meer mogelijk. Last but not least, Vuejs 3 is een stuk sneller dan zijn voorgangers. De omvang van de bibliotheek is met ongeveer 10-30% afgenomen, waardoor de laadtijd een stuk korter is.
Is er al uitzicht op een Vuejs 4? Op dit moment is er in ieder geval nog niets bekend over wanneer Vuejs 4 wordt gelanceerd. De ontwikkeling is wel in volle gang. Ontwikkelaars zijn bezig met het onderzoeken, testen en implementeren van nieuwe features en verbeteringen. Het is dus nog even afwachten, maar er zal hoe dan ook snel een nog betere versie op de markt komen!
De zes grootste voordelen van Vue
– Met Vue kun je snel en overzichtelijk componenten bouwen. Het lijkt op werken met legoblokjes; net als bij Lego maak je met Vue met behulp van losse bouwstenen één geheel, met als bijkomstigheid dat de bouwstenen herbruikbaar zijn. Deze vaststaande bouwstenen maken het framework zo praktisch in gebruik. Hoewel de bouwstenen hun eigen vaste eigenschappen hebben, kun je allerlei verschillende varianten bedenken. Zo ben je toch creatief bezig;
-Vue biedt heldere feedback. Vergeleken met andere JavaScript frameworks geeft deze namelijk de mogelijkheid om een systeem directer te laten reageren op de input van de gebruiker;
-Er zijn veel officiële plug-ins beschikbaar. Hierdoor is de applicatie voor Frontend Developers makkelijker en op een betrouwbare manier te onderhouden;
-Het belangrijkste voordeel van Vue is de extreem snelle laadsnelheid. De reden hiervan is dat Vue een van de kleinste JavaScript frameworks is (bundelgrootte van 18 tot 21KB);
– Regelmatig updates en nieuwe features: Omdat de populariteit en het belang van Vue de afgelopen tijd zo gestegen zijn, wordt er hard aan het framework gewerkt. Daarnaast is er veel goede documentatie te vinden van deze features en updates, zodat het wiel niet voortdurend opnieuw moet worden uitgevonden;
-Makkelijker en beter testen! Vue maakt het eenvoudig om specifieke onderdelen en webcomponenten geïsoleerd van elkaar te testen. Ook de visuele weergave is afzonderlijk te controleren. Dit komt vooral doordat Vue een goed gedocumenteerde automatische testintegratie aanbiedt. Wil jij bijvoorbeeld checken of een bepaalde knop in de juiste kleur wordt getoond? Dan test je dat element.
Ben jij een echte Vue-fan of lijkt het je vet om met het framework te (leren) werken? Check dan de VUE vacatures die wij bij jou in de buurt aanbieden of neem contact op met een van onze Recruitment Consultants voor een vrijblijvend advies.
Hopelijk ben je aan de hand van deze blog op de hoogte van alle ins-and-outs omtrent Vuejs. Meer weten? Onze consultants vertellen je graag meer. Neem ook vooral even een kijkje tussen onze Vue-vacatures en wie weet ontwikkel jij straks applicaties voor een van onze topklanten!