当前位置: 代码迷 >> 综合 >> okam 小程序框架 -03(生命周期、页面路由导航等)
  详细解决方案

okam 小程序框架 -03(生命周期、页面路由导航等)

热度:100   发布时间:2023-11-20 03:20:44.0

1、App的生命周期

onLaunch: 都支持 
onShow:  快应用不支持
onHide:  快应用不支持
onError: 都支持

2、Page的生命周期

onInit: 只有百度小程序支持 --- 对应百度原生小程序的 onInitbeforeCreate: 都支持 --- 对应快应用原生的 onInit, 对应其他小程序原生的 onLoadcreated: 都支持 --- 对应快应用原生的 onInit, 对应其他小程序原生的 onLoadbeforeMount: 都支持 --- 对应对应其他小程序及快应用原生的 onReadymounted: 都支持 --- 对应对应其他小程序及快应用原生的 onReadybeforeDestroy: 都支持 --- 对应快应用原生的 onUnload, 对应其他小程序原生的 onDestroydestroyed: 都支持 --- 对应快应用原生的 onUnload, 对应其他小程序原生的 onDestroyonShow: 都支持 onHide : 都支持 

3、自定义组件的生命周期

beforeCreate: 对应微信百度头条的 created ,对应支付宝的 didMount , 对应快应用的 onInitcreated: 对应支付宝的 didMount ,对应快应用的 onInitbeforeMount: 对应微信百度头条的 attached ,对应支付宝的 didMount , 对应快应用的 onReadymounted: 对应微信百度头条的 ready ,对应支付宝的 didMount , 对应快应用的 onReadybeforeDestroy: 对应微信百度头条的 detached ,对应支付宝的 didUnmount , 对应快应用的 onDestroydestroyed: 对应微信百度头条的 detached ,对应支付宝的 didUnmount , 对应快应用的 onDestroy

4、页面路由导航

① 跳转指定 url
this.$api.navigateTo({
    url: '/page/loginModule/login', query: {
    },params: {
    }
}) ② 后退
this.$api.navigateBack()③ 重定向
this.$api.redirectTo({
    url: '/page/loginModule/login', query: {
    },params: {
    }
})

5、各平台支持的功能

① computed : 支持
② watch : 支持
③ mixin : 支持
④ filters : 支持
⑤ v-model : 支持
⑥ ref : 支持
⑦ broadcast : 支持
⑧ redux状态管理 : 支持
⑨ 模板复用 : 支持
⑩ 原生组件支持 : 支持

就记录到这,祝大家开心~
在这里插入图片描述

  相关解决方案