Global API 24.02.28

A Vue.js-ben a Global API segí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 megfelelő helyre, de a későbbiekben a különböző pluginokat és globálisnak 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áló objektum, amely a gyökér komponensünk lesz.

const root = {

}

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

import { createApp } from "vue"; 

const app = createApp(root);

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

\pagebreak