Co je Vue.js?

Vue je opensourcová front-endová javascriptová architektura pro vytváření uživatelských rozhraní a jednostrákových aplikací na webu. Framework Vue, vytvořený Evanem You a vydaný v roce 2014, je udržován Evanem a jeho jádrovým týmem. Vue se zaměřuje na deklarativní vykreslování a skládání komponent a nabízí základní knihovnu pouze pro vrstvu zobrazení.

Pokud chcete vytvořit serverovou webovou aplikaci Vue s pokročilými funkcemi, jako jsou směrování, správa stavu a nástroje sestavení, podívejte se na Nuxt.js.

Co dělá Vue jedinečným?

Vue používá architekturu modelu-view-viewmodel. Evan You dříve pracoval na AngularJS ve společnosti Google a extrahoval části Angularu, aby nabídl lehčí framework. Vue se může podobat Reactu, Angularu, Emberu, Knockoutu atd. Další podrobnější porovnání těchto dalších architektur JavaScriptu najdete v dokumentaci k Vue.

Co můžete dělat s Vue?

• Vytvoření jednostránkové aplikace (SPA)
• Použití jenom komponenty Vue k přidání jednoduchého seznamu to-do do aplikace nebo vyhledání složitějších příkladů
• Vytvořte webovou stránku vykreslenou serverem s back-endem Node.js za pomoci Nuxt.js

Nástroje Vue

Vue.js se zaměřuje jenom na vrstvu zobrazení, takže může vyžadovat další nástroje k vytvoření složitější aplikace. Možná budete chtít zvážit použití:

• Správce balíčků: Dva oblíbené správce balíčků pro Vue jsou npm (který je součástí Node.js) a yarn. Obě podporují širokou knihovnu dobře udržovaných balíčků, které je možné nainstalovat.
• Vue CLI: standardní sada nástrojů pro rychlý Vue.js vývoj s podporou hned po instalaci pro Babel, PostCSS, TypeScript, ESLint atd.
• Nuxt.js: Architektura, která umožňuje vykreslování aplikací na straně serveru Vue.js. Vykreslování na straně serveru může zlepšit SEO a zvýšit odezvu uživatelských rozhraní.
• Balíček rozšíření Vue pro VS Code: Přidá zvýrazňování syntaxe, formátování kódu a úryvky kódu do vašich souborů .vue.
• Vuetify: Knihovna uživatelského rozhraní Vue, která nabízí komponenty Material Design Framework.
• Vuesion: Šablona pro Vue.js pro produkčně připravené progresivní webové aplikace (PWA).
• Storybook: Vývojové a testovací prostředí pro komponenty uživatelského rozhraní Vue.
• Vue Router: Podporuje mapování adres URL aplikací na komponenty Vue.
• Vue Design System: Opensourcový nástroj pro vytváření systémů návrhu s Vue.js.
• VueX: Systém správy stavu pro aplikace Vue.

Dodatečné zdroje

• dokumentaci k Vue
• Vue.js přehled
• Nainstalovat Vue.js na WSL
• Nainstalovat Vue.js na Windows
• Nainstalovat Nuxt.js
• Udělejte první kroky se studijním programem Vue.js
• Vyzkoušejte Vue tutoriál s VS Code