Vue.js český manuál a návody

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í.

Jak může vaše nová aplikace vypadat

Ú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>

Oficiální web Vue.js