Vue.js je progresivní javascriptový framework, který velmi usnadňuje vývoj webových aplikací.
Instalaci a úvodní seznámení s frameworkem zvládnete za pár minut a ihned můžete pozorovat výhody, jaké vám to přinese.
Vue.js na rozdíl od Reactu umožňuje aplikaci přepisovat postupně, protože používá statické HTML šablony a stránku umí pouze rozšiřovat o použití komponent. Přístup je podobný, jako znáte například z jQuery, jenom je vývojově Vue.js mnohem dál a její syntaxi si brzy zamilujete.
Tento web vznikl jako příručka backend vývojáře, který 10 let vyvíjel v PHP a chtěl se posunout ve znalostech frontendu. Nikdy bych nevěřil, že může být webový frontend tak jednoduchý a elegantní.
Úplně jednoduše:
<div id="app">
<app-nav></app-nav>
<app-view>
<app-sidebar></app-sidebar>
<app-content></app-content>
</app-view>
</div>
Vue totiž nativně podporuje rozdělení aplikace do komponent.
Nejprve je ale dobré začít s něčím základním, proto se s Vue nejdřív seznamte v úvodním článku.
<div id="app">
{{ message }}
</div>
<script>
const app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
</script>