Vue.js (Vue) to framework JavaScript do budowania interfejsów użytkownika, stworzony przez Evana You i wydany w 2014 roku. Jest ceniony za czytelną składnię, dobrą dokumentację i możliwość stopniowego wdrażania, od pojedynczego widgetu po całą aplikację.
Jak działa Vue?
Interfejs składa się z komponentów, które zawierają szablon HTML, logikę JavaScript i style. Vue obserwuje zmiany danych i automatycznie aktualizuje tylko te elementy widoku, których to dotyczy. Wersja 3, wydana w 2020 roku, wprowadziła Composition API.
Vue a Nuxt
Nuxt to framework nadbudowany na Vue, który dodaje routing, renderowanie po stronie serwera i generowanie statyczne. Dla serwisów treściowych, w których liczy się SEO, zwykle wybiera się Nuxt zamiast samego Vue.
Vue na tle React i Angulara
Vue jest zwykle uznawany za łatwiejszy na start niż Angular i bardziej „z pudełka” niż React, który wymaga dobrania wielu dodatkowych bibliotek. Wybór często zależy od zespołu i ekosystemu, a nie od wyraźnej przewagi technicznej.
Vue ma łagodną krzywą nauki i system reaktywności, a pojedyncze pliki komponentów łączą szablon, skrypt i style.
Autorem jest Evan You.
Można wprowadzać go stopniowo do istniejącej strony.
Łatwo go wypróbować.
Rozwiązanie jest popularne w Azji.
Zobacz w praktyce
CSR, SSR, SSG czy ISR? Porównanie metod renderowania
Refaktoryzacja JavaScript – jak poprawić Interaction to Next Paint (INP)
Błędy JavaScript - jak ich skutecznie unikać?