Brontekst bekijken van Vue.js

{{Niet te verwarren met|Vue (software)}}
{{Infobox software
| naam = Vue.js
| ontwerper = [[Evan You]]
| onderschrift = The Progressive JavaScript Framework
| uitgebracht = {{wikidata|property|P571}} <small>({{Leeftijd op datum|2014|02|28}} jaar)</small>
| status = Actief
| licentie = [[MIT-licentie|MIT]]
| website = {{mul}}[https://vuejs.org/ vuejs.org]
| portaal2 = Vrije software
}}

'''Vue.js''' (Vaak aangeduid als '''Vue'''; uitgesproken als het Engelse "view"<ref>{{Citeer web|url=https://vuejs.org/guide/introduction.html|titel=Introduction {{!}} Vue.js|bezochtdatum=2022-02-10|werk=vuejs.org|taal=en-US|archiefdatum=2022-02-10|archiefurl=https://web.archive.org/web/20220210104313/https://vuejs.org/guide/introduction.html|dodeurl=no}}</ref>) is een [[Opensourcesoftware|opensource]] ''model-view-viewmodel'' [[Gebruikersomgeving|frontend]] [[JavaScript]]-framework voor het bouwen van [[Gebruikersomgeving|gebruikersinterfaces]] en [[Single Page Application|single-page applications]].<ref>{{Citeer web|url=https://vuejs.org/|titel=Vue.js - The Progressive JavaScript Framework {{!}} Vue.js|bezochtdatum=2022-02-10|werk=vuejs.org|taal=en-US|archiefdatum=2019-03-06|archiefurl=https://web.archive.org/web/20190306081110/https://vuejs.org/|dodeurl=no}}</ref> Het is gemaakt door [[Evan You]] en wordt onderhouden door hem en de rest van de actieve kernteamleden. De broncode van Vue valt onder de [[MIT-licentie]].<ref>{{Citeer web|url=https://github.com/vuejs/core|titel=GitHub - vuejs/core|bezochtdatum=2022-02-10|datum=2022-02-10|werk=GitHub|taal=en|archiefdatum=2022-02-10|archiefurl=https://web.archive.org/web/20220210105327/https://github.com/vuejs/core|dodeurl=no}}</ref>

== Overzicht ==
Vue.js heeft een incrementeel aanpasbare architectuur die zich richt op declaratieve weergave en componentsamenstelling. De kernbibliotheek is alleen gericht op de weergave van inhoud. Geavanceerde functies die nodig zijn voor complexe toepassingen zoals ''routering'', statusbeheer en ''buildtooling'' worden aangeboden via officieel onderhouden ondersteunende bibliotheken en pakketten zoals [[Vite.js]].<ref>{{Citeer web|url=https://www.limoengroen.nl/node/339|titel=React vs. Vue.js in 2020 maakt het nog uit? {{!}} LimoenGroen|bezochtdatum=2022-02-10|achternaam=van Gend|voornaam=Marc|datum=2020-06-26|werk=www.limoengroen.nl|taal=nl|archiefdatum=2022-04-28|archiefurl=https://web.archive.org/web/20220428085458/https://www.limoengroen.nl/nieuws/react-vs-vuejs-2020-maakt-het-nog-uit|dodeurl=no}}</ref>

Met Vue.js kan [[HyperText Markup Language|HTML]] worden uitgebreid met eigen HTML-attributen die ''directives'' worden genoemd. De directives bieden functionaliteit voor HTML-[[Applicatie|toepassingen]] en worden geleverd als ingebouwde of door de gebruiker gedefinieerde directives. Door een hiërarchische implemenatie van deze eigen attributen die uit andere eigen en uiteindelijk uit bestaande attributen zijn opgebouwd wordt het eenvoudig en overzichtelijk om complexe webpagina's met herhalende elementen op te bouwen.

== Geschiedenis ==
Vue is gemaakt door Evan You nadat hij voor [[Google LLC|Google]] met [[AngularJS]] had gewerkt in verschillende projecten. Hij zei hierover: "Ik dacht, wat als ik alleen het gedeelte eruit haal dat me bevalt binnen Angular, en op basis hiervan een uitgeklede toepassing bouw." De eerste broncode die aan het project is vastgelegd dateert van juli 2013 en een eerste versie van Vue werd uitgebracht in februari 2014. Versienamen van releases zijn vaak afgeleid van [[Manga (strip)|manga]] en [[anime]], waarvan de meeste binnen het [[Sciencefiction|sciencefictiongenre]] vallen.

== Versies ==
{| class="wikitable"
!Versie
!Uitgebracht
!Naam
!Einde van LTS
!Ondersteund tot
|-
|3.4
|28 december 2023
|[[Slam Dunk (manga)|Slam Dunk]]<ref>{{cite web |title=Announcing Vue 3.4 |url=https://blog.vuejs.org/posts/vue-3-4 |work=Vue.js |access-date=29 March 2024 |date=December 28, 2023 |archive-date=March 24, 2024 |archive-url=https://web.archive.org/web/20240324024208/https://blog.vuejs.org/posts/vue-3-4 |url-status=live }}</ref>
|
|
|-
| 3.3 || 11 mei 2023 || [[Rurouni Kenshin]]<ref>{{cite web |url=https://github.com/vuejs/vue-next/releases/tag/v3.3.0 |title=v3.3.0 Rurouni Kenshin |date=May 11, 2023 |via=GitHub |work=Vue.js |access-date=2023-05-12 |language=en |archive-date=December 13, 2023 |archive-url=https://web.archive.org/web/20231213191126/https://github.com/vuejs/core/releases/tag/v3.3.0 |url-status=live }}</ref> || ||
|-
|3.2
|5 augustus 2021
|[[Quintessential Quintuplets]]<ref>{{cite web|url=https://github.com/vuejs/vue-next/releases/tag/v3.2.0|title=v3.2.0 Quintessential Quintuplets|access-date=August 10, 2021|date=August 5, 2021|work=Vue.js|language=en|via=GitHub|archiefdatum=augustus 10, 2021|archiefurl=https://web.archive.org/web/20210810001705/https://github.com/vuejs/vue-next/releases/tag/v3.2.0|dodeurl=no}}</ref>
|
|
|-
|3.1
|7 juni 2021
|[[Pluto (manga)|Pluto]]<ref>{{cite web|url=https://github.com/vuejs/vue-next/releases/tag/v3.1.0|title=v3.1.0 Pluto|access-date=July 18, 2021|date=June 7, 2021|work=Vue.js|language=en|via=GitHub|archiefdatum=juli 18, 2021|archiefurl=https://web.archive.org/web/20210718094551/https://github.com/vuejs/vue-next/releases/tag/v3.1.0|dodeurl=no}}</ref>
|
|
|-
|3.0
|18 september 2020
|[[One Piece]]<ref>{{cite web|url=https://github.com/vuejs/vue-next/releases/tag/v3.0.0|title=v3.0.0 One Piece|access-date=September 23, 2020|date=September 18, 2020|work=Vue.js|language=en|via=GitHub|archiefdatum=september 19, 2020|archiefurl=https://web.archive.org/web/20200919013105/https://github.com/vuejs/vue-next/releases/tag/v3.0.0|dodeurl=no}}</ref>
|
|
|-
|2.6
|4 februari 2017
|[[Macross]]<ref>{{cite web|url=https://github.com/vuejs/vue/releases/tag/v2.6.0|title=v2.6.0 Macross|access-date=September 23, 2020|date=February 4, 2019|work=Vue.js|language=en|via=GitHub|archiefdatum=november 11, 2020|archiefurl=https://web.archive.org/web/20201111182125/https://github.com/vuejs/vue/releases/tag/v2.6.0|dodeurl=no}}</ref>
|28 maart 2022
|18 september 2023
|-
|2.5
|13 oktober 2017
|[[Level E]]<ref>{{cite web|url=https://github.com/vuejs/vue/releases/tag/v2.5.0|title=v2.5.0 Level E|access-date=September 23, 2020|date=October 13, 2017|work=Vue.js|language=en|via=GitHub|archiefdatum=september 18, 2020|archiefurl=https://web.archive.org/web/20200918170329/https://github.com/vuejs/vue/releases/tag/v2.5.0|dodeurl=no}}</ref>
|
|
|-
|2.4
|13 juli 2017
|[[Kill la Kill]]<ref>{{cite web|url=https://github.com/vuejs/vue/releases/tag/v2.4.0|title=v2.4.0 Kill la Kill|access-date=September 23, 2020|date=July 13, 2017|work=Vue.js|language=en|via=GitHub|archiefdatum=november 9, 2020|archiefurl=https://web.archive.org/web/20201109042137/https://github.com/vuejs/vue/releases/tag/v2.4.0|dodeurl=no}}</ref>
|
|
|-
|2.3
|27 april 2017
|[[JoJo's Bizarre Adventure (manga)|JoJo's Bizarre Adventure]]<ref>{{cite web|url=https://github.com/vuejs/vue/releases/tag/v2.3.0|title=v2.3.0 JoJo's Bizarre Adventure|access-date=September 23, 2020|date=April 27, 2017|work=Vue.js|language=en|via=GitHub|archiefdatum=november 11, 2020|archiefurl=https://web.archive.org/web/20201111192047/https://github.com/vuejs/vue/releases/tag/v2.3.0|dodeurl=no}}</ref>
|
|
|-
|2.2
|26 februari 2017
|[[Initial D]]<ref>{{cite web|url=https://github.com/vuejs/vue/releases/tag/v2.2.0|title=v2.2.0 Initial D|access-date=September 23, 2020|date=February 26, 2017|work=Vue.js|language=en|via=GitHub|archiefdatum=april 13, 2021|archiefurl=https://web.archive.org/web/20210413135052/https://github.com/vuejs/vue/releases/tag/v2.2.0|dodeurl=no}}</ref>
|
|
|-
|2.1
|22 november 2016
|[[Hunter X Hunter]]<ref>{{cite web|url=https://github.com/vuejs/vue/releases/tag/v2.1.0|title=v2.1.0 Hunter X Hunter|access-date=September 23, 2020|date=November 22, 2016|work=Vue.js|language=en|via=GitHub|archiefdatum=november 8, 2020|archiefurl=https://web.archive.org/web/20201108094602/https://github.com/vuejs/vue/releases/tag/v2.1.0|dodeurl=no}}</ref>
|
|
|-
|2.0
|30 september 2016
|[[Ghost in the Shell]]<ref>{{cite web|url=https://github.com/vuejs/vue/releases/tag/v2.0.0|title=v2.0.0 Ghost in the Shell|access-date=September 23, 2020|date=September 30, 2016|work=Vue.js|language=en|via=GitHub|archiefdatum=oktober 27, 2020|archiefurl=https://web.archive.org/web/20201027193218/https://github.com/vuejs/vue/releases/tag/v2.0.0|dodeurl=no}}</ref>
|
|
|-
|1.0
|27 oktober 2015
|[[Neon Genesis Evangelion|Evangelion]]<ref>{{cite web|url=https://github.com/vuejs/vue/releases/tag/1.0.0|title=1.0.0 Evangelion|access-date=September 23, 2020|date=October 27, 2015|work=Vue.js|language=en|via=GitHub|archiefdatum=april 13, 2021|archiefurl=https://web.archive.org/web/20210413114912/https://github.com/vuejs/vue/releases/tag/1.0.0|dodeurl=no}}</ref>
|
|
|-
|0.12
|12 juni 2015
|[[Dragon Ball]]<ref>{{cite web|url=https://github.com/vuejs/vue/releases/tag/0.12.0|title=0.12.0: Dragon Ball|access-date=September 23, 2020|date=June 12, 2015|work=Vue.js|language=en|via=GitHub|archiefdatum=april 13, 2021|archiefurl=https://web.archive.org/web/20210413135200/https://github.com/vuejs/vue/releases/tag/0.12.0|dodeurl=no}}</ref>
|
|
|-
|0.11
|7 november 2014
|[[Cowboy Bebop]]<ref>{{cite web|url=https://github.com/vuejs/vue/releases/tag/0.11.0|title=v0.11.0: Cowboy Bebop|access-date=September 23, 2020|date=November 7, 2014|work=Vue.js|language=en|via=GitHub|archiefdatum=april 13, 2021|archiefurl=https://web.archive.org/web/20210413135213/https://github.com/vuejs/vue/releases/tag/0.11.0|dodeurl=no}}</ref>
|
|
|-
|0.10
|23 maart 2014
|[[De elektrische nachtmerrie|Blade Runner]]<ref>{{cite web|url=https://github.com/vuejs/vue/releases/tag/v0.10.0|title=v0.10.0: Blade Runner|access-date=September 23, 2020|date=March 23, 2014|work=Vue.js|language=en|via=GitHub|archiefdatum=april 13, 2021|archiefurl=https://web.archive.org/web/20210413135244/https://github.com/vuejs/vue/releases/tag/v0.10.0|dodeurl=no}}</ref>
|
|
|-
|0.9
|25 februari 2014
|[[Animatrix]]<ref>{{cite web|url=https://github.com/vuejs/vue/releases/tag/v0.9.0|title=v0.9.0: Animatrix|access-date=September 23, 2020|date=February 25, 2014|work=Vue.js|language=en|via=GitHub|archiefdatum=april 13, 2021|archiefurl=https://web.archive.org/web/20210413115026/https://github.com/vuejs/vue/releases/tag/v0.9.0|dodeurl=no}}</ref>
|
|
|-
|0.8
|27 januari 2014|| {{n/a}}<ref>{{cite web |url=https://github.com/vuejs/vue/releases/tag/v0.8.0 |title=v0.8.0 |date=January 27, 2014 |via=GitHub |work=Vue.js |access-date=September 23, 2020 |language=en |archiefdatum=april 13, 2021 |archiefurl=https://web.archive.org/web/20210413114929/https://github.com/vuejs/vue/releases/tag/v0.8.0 |dodeurl=no }}</ref> 
|
|
|-
|0.7
|24 december 2013|| {{n/a}}<ref>{{cite web |url=https://github.com/vuejs/vue/releases/tag/v0.7.0 |title=v0.7.0 |date=December 24, 2013 |via=GitHub |work=Vue.js |access-date=September 23, 2020 |language=en |archiefdatum=april 13, 2021 |archiefurl=https://web.archive.org/web/20210413114747/https://github.com/vuejs/vue/releases/tag/v0.7.0 |dodeurl=no }}</ref> 
|
|
|-
|0.6
|8 december 2013
|VueJS<ref>{{cite web|url=https://github.com/vuejs/vue/releases/tag/0.6.0|title=0.6.0: VueJS|access-date=September 23, 2020|date=December 8, 2013|work=Vue.js|language=en|via=GitHub|archiefdatum=april 13, 2021|archiefurl=https://web.archive.org/web/20210413134939/https://github.com/vuejs/vue/releases/tag/0.6.0|dodeurl=no}}</ref>
|
|
|}

== Zie ook ==
* [[React]] - Een Javascriptbibliotheek van [[Meta Platforms|Meta]] om gebruikersinterfaces mee te bouwen.
* [[AngularJS]] - Een open source webapplicatieframework van Google. 
* [[Angular]] - Een op TypeScript gebaseerd front-end framework.
* [[JavaScript-framework]] - het gebruik van een framework om webapplicaties en widgets te ontwerpen.

{{Appendix|1=Bron|2=
* {{Bronvermelding anderstalige Wikipedia |taal=en |titel=Vue.js |oldid=1070614405}}
----
;Referenties
{{References}}
}}

[[Categorie:Webapplicatie]]
[[Categorie:Software]]