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}} ✨