|
'''Vue.js''' (ka '''Vue''') on [[arvutiteadusesarvutiteadus]]es vaba [[JavaScripti RaamistikJavaScript|JavaScripti raamistik]], millega luuakse kasutajaliideseid.<ref>{{Cite web |url = https://vuejs.org/v2/guide/#What-is-Vue-js |title = Introduction — Vue.js |access-date = 11.03.2017 |language = en }}</ref>
Integreerimine projektidesse, mis kasutavad teisi JavaScripti teeke, on lihtsustatud Vuega, sest see on disainitud olema järk-järgult kasutuselevõetav. Vue toimib ka veebirakenduse raamistikuna, võimaldades luua arenenud üheleheküljelisi rakendusi.
== Ajalugu ==
Vue lõi Evan You pärast töötamist Google'is, kus ta kasutas AngluarJSi[[AngularJS]]i mitmetes projektides. Hiljem on ta selle kohta öelnud nii: “Ma mõtlesin, et mis oleks, kui ma eraldan selle osa, mis mulle AngluariAngulari juures väga meeldib, ja ehitan midagi kergekaalulist.” <ref>{{Cite news|url=https://betweenthewires.org/2016/11/03/evan-you/|archive-url=https://web.archive.org/web/20170603052649/https://betweenthewires.org/2016/11/03/evan-you/|dead-url=yes|archive-date=03.06.2017|title=Between the Wires {{!}} Evan You|date=03.11.2016|work=Between the Wires|access-date=26.08.2017}}</ref> Vue lasti esimest korda välja 2014. aasta veebruaris.
== Omadused ==
=== Mallid ===
Vue kasutab HTMLi[[HTML]]i-põhist malli süntaksit, mis lubab deklaratiivselt siduda renderdatud [[Dokumendi objektimudel|DOM]]-i Vue objektide andmetega. Kõik Vue mallid põhinevad valiidsel HTMLil, mida saab parsida HTMLi parseritega. Vue kompileerib mallid virtuaalseteks DOM-i rendendusfunktsioonideks. Kombineerituna reageeriva süsteemiga suudab Vue arvutada minimaalse arvu komponente uuesti renderdamiseks ja rakendada minimaalse arvu DOM-i manipuleerimisi, kui rakenduse olek muutub.
=== Reageerivus ===
===Üleminekud===
Vue pakub valikuvõimalusi, kuidas rakendada üleminekute efekte DOMist sisestades, uuendades või eemaldades. See sisaldab ka tööriistu selleks, et:
*automaatselt rakendada klasse [[CSS]]-i üleminekuteks ja animatsioonideks;
*integreerida kolmanda poole CSS-i animatsiooniteeke nagu näiteks Animate.css-i;
*kasutada JavaScripti, et otse manipuleerida DOM-i üleminekutel;
| 