app
Elemente innerhalb von o-app, einschließlich derer in den Shadow-Knoten von o-page innerhalb von o-app oder in tieferliegenden untergeordneten Komponenten, verweisen mit ihrer app-Eigenschaft alle auf diese o-app-Elementinstanz.
Im Folgenden ein Beispiel, das zeigt, wie innerhalb eines Elements in o-app auf die app-Eigenschaft zugegriffen wird:
// Startseite der App
export const home = "./home.html";
// Verfügbare Methoden der App
export const proto = {
getSomeData(){
return "Hallo ofa.js App Demo";
}
};
// Konfiguration der Seitenübergangsanimation
export const pageAnime = {
current: {
opacity: 1,
transform: "translate(0, 0)",
},
next: {
opacity: 0,
transform: "translate(30px, 0)",
},
previous: {
opacity: 0,
transform: "translate(-30px, 0)",
},
};
{{val}}
✨ {{val}} ✨