app
o-app 안에 있는 요소들, o-app 안에 있는 o-page의 섀도 노드 안의 요소, 혹은 그 안의 하위 컴포넌트들의 app 속성은 모두 이 o-app의 요소 인스턴스를 가리킨다.
다음은 o-app 내의 요소에서 app 속성에 접근하는 방법을 보여주는 예시입니다:
// 앱 홈페이지 주소
export const home = "./home.html";
// 앱에서 사용 가능한 메서드
export const proto = {
getSomeData(){
return "Hello ofa.js App Demo";
}
};
// 페이지 전환 애니메이션 설정
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}} ✨