EEUI.APP EEUI.APP 首页 文档 - 指南 - 组件 - 模块 插件 - 插件市场 - 开发文档 热更新 控制台 Editor 例子 社区 GitHub 首页 文档 - 指南 - 组件 - 模块 插件 - 插件市场 - 开发文档 热更新 控制台 Editor 例子 社区 GitHub - 起步 - 框架介绍 - 搭建环境 - 创建项目 - 配置相关 - 开发调试 - 上手 - 使用 Vue.js - 平台差异 - 环境变量 - 生命周期 - 跨页面通信 - appboard - 应用图标 - 启动图片 - 应用设置 - 升级程序 - 样式 - 通用样式 - 文本样式 - CSS 单位 - 颜色值 - 事件 - 通用事件 - 事件冒泡 - 手势
    # # 生命周期 2.3.8版本之前请参考这里 TIP 除了自有的生命周期钩子以外, eeui还另外支持APP进入后台APP进入前台页面挂载页面激活页面失活页面停止
    1. <template>
    2. </template>
    3. <script>
    4. export default {
    5. beforeCreate: function (){
    6. console.log('beforeCreate');
    7. },
    8. created: function () {
    9. console.log('created');
    10. },
    11. beforeMount: function () {
    12. console.log('beforeMount');
    13. },
    14. mounted: function () {
    15. console.log('mounted');
    16. },
    17. beforeUpdate: function () {
    18. console.log('beforeUpdate');
    19. },
    20. updated: function () {
    21. console.log('updated');
    22. },
    23. beforeDestroy: function () {
    24. console.log('beforeDestroy');
    25. },
    26. destroyed: function () {
    27. console.log('destroyed');
    28. },
    29. appActive: function (data) {
    30. console.log('APP进入前台:App从【后台】切换至【前台】时触发');
    31. },
    32. appDeactive: function (data) {
    33. console.log('APP进入后台:App从【前台】切换至【后台】时触发');
    34. },
    35. pageReady: function (data) {
    36. console.log('页面挂载:页面【渲染完成】时触发');
    37. },
    38. pageResume: function (data) {
    39. console.log('页面激活:页面【恢复】时触发(渲染完成时也会触发1次)');
    40. },
    41. pagePause: function (data) {
    42. console.log('页面失活:页面【暂停】时触发');
    43. },
    44. pageDestroy: function (data) {
    45. console.log('页面停止:页面【销毁】时触发');
    46. }
    47. }
    48. </script>
    ### # 生命周期钩子 Vue 组件的实例生命周期钩子将在特定的阶段发出,详情请参考 Vue 组件的生命周期图示
    Vue 生命周期钩子 是否支持 说明
    beforeCreate 支持 -
    created 支持 -
    beforeMount 支持 -
    mounted 支持 详见下文解释
    beforeUpdate 支持 -
    updated 支持 -
    activated 不支持 不支持
    deactivated 不支持 不支持
    beforeDestroy 支持 -
    destroyed 支持 -
    errorCaptured 支持 -
    以下是eeui特有:
    appActive 支持 APP进入前台:App从【后台】切换至【前台】时触发
    appDeactive 支持 APP进入后台:App从【前台】切换至【后台】时触发
    pageReady 支持 页面挂载:页面【渲染完成】时触发
    pageResume 支持 页面激活:页面【恢复】时触发(渲染完成时也会触发1次)
    pagePause 支持 页面失活:页面【暂停】时触发
    pageDestroy 支持 页面停止:页面【销毁】时触发
    关于 "mounted" 生命周期 和浏览不同的是,eeui 的渲染流程是异步的,而且渲染出来的结果都是原生系统中的 View,这些数据都无法被 javascript 直接获取到。因此在 eeui 上,Vue 的 mounted 生命周期在当前组件的 virtual-dom (Vue 里的 VNode) 构建完成后就会触发,此时相应的原生视图未必已经渲染完成。 在 GitHub 上编辑此页

    最后一次更新: 7/24/2020, 11:56:07 PM

    环境变量 跨页面通信