Global API #

A vue-ban a Global APi sgeítségével fogjuk tudni kezelni az alkalmazásunk példányát. Így többek között lehetőségünk van létrehozni azt, valamint csatolni a megfeelő helyre, de a későbbiekben a különböző pluginokat és globálsnak szánt elemeket is ezen keresztül fogjuk megadni.

Vue app létrehozása #

HTML #

HTML oldalról egyetlen egy dologra van szükségünk, ahhoz hogy létrehozhassuk a webalkalmazásunkat, ez pedig nem más, mint egy azonosítóval ellátott üres keret.

<div id="app">

</div>

ECMAScript #

Erről az oldalról két fontos résszel fogunk találkozni. Az egyik az alkalmazást definiáliáló object.

const App = {

}

A másik pedig az ezt felhasználó Vue példány.

import { createApp } from "vue"; 

const vueApp = createApp(App);

vueApp.mount("#app");

Ami itt történik, hogy létrehozunk egy új Vue példányt, az App objectben meghatározott szempontok alapján, és ezt hozzá csatoljuk a #app azonosítóval ellátott kerethez.

Ellenőrző kérdések #

1. Mit kezel a Global API?
2. Mire van szükségünk HTML-ben, az app működéséhez?
3. Miért kell egy objektum?
4. Mit csinál a createApp()?
5. Mit csinál a mount függvény?

\pagebreak