轻卡生命周期

轻卡和页面生命周期周期 类似。

相比页面生命周期相比：

添加了onESBind、onESRecycle、onESAttached、onESDetached生命周期。
去掉了onESNewIntent、onESSaveInstanceState、onESRestoreInstanceState
添加了onESSlotEvent 轻卡事件方法。

注意：onESBind、onESRecycle、onESAttached、onESDetached 生命周期只会在瀑布流里面使用轻卡被调用。

生命周期示例

点击查看源码

<script>
import { defineComponent } from '@vue/runtime-core'
import { ESLogLevel, ESSlotEventName, useESLog } from '@extscreen/es3-core'
import type { ESData, ESSlotEvent } from '@extscreen/es3-core'

const TAG = 'Lifecycle'

export default defineComponent({
  name: 'JsView生命周期',
  setup() {
    const log = useESLog()

    function onESCreate(params) {
      if (log.isLoggable(ESLogLevel.DEBUG)) {
        log.d(TAG, '---onESCreate----->>>', params)
      }
    }

    function onESBind(data: ESData) {
      if (log.isLoggable(ESLogLevel.DEBUG)) {
        log.d(TAG, '---onESBind----->>>', data)
      }
    }

    function onESAttached(data: ESData) {
      if (log.isLoggable(ESLogLevel.DEBUG)) {
        log.d(TAG, '---onESAttached----->>>', data)
      }
    }

    function onESStart() {
      if (log.isLoggable(ESLogLevel.DEBUG)) {
        log.d(TAG, '---onESStart----->>>')
      }
    }

    function onESRestart() {
      if (log.isLoggable(ESLogLevel.DEBUG)) {
        log.d(TAG, '---onESRestart----->>>')
      }
    }

    function onESResume() {
      if (log.isLoggable(ESLogLevel.DEBUG)) {
        log.d(TAG, '---onESResume----->>>')
      }
    }

    function onESPause() {
      if (log.isLoggable(ESLogLevel.DEBUG)) {
        log.d(TAG, '---onESPause----->>>')
      }
    }

    function onESStop() {
      if (log.isLoggable(ESLogLevel.DEBUG)) {
        log.d(TAG, '---onESStop----->>>')
      }
    }

    function onESDetached(data: ESData) {
      if (log.isLoggable(ESLogLevel.DEBUG)) {
        log.d(TAG, '---onESDetached----->>>', data)
      }
    }

    function onESRecycle() {
      if (log.isLoggable(ESLogLevel.DEBUG)) {
        log.d(TAG, '---onESRecycle----->>>')
      }
    }

    function onESDestroy() {
      if (log.isLoggable(ESLogLevel.DEBUG)) {
        log.d(TAG, '---onESDestroy----->>>')
      }
    }

    function onESSlotEvent(event: ESSlotEvent) {
      //JsView焦点事件
      if (event.eventName == ESSlotEventName.ES_SLOT_EVENT_NAME_FOCUS) {
        if (event.eventData.isFocused) {
          //
        } else {
          //
        }
      }
    }

    return {
      onESBind,
      onESRecycle,
      onESCreate,
      onESStart,
      onESResume,
      onESPause,
      onESStop,
      onESDestroy,
      onESRestart,
      onESAttached,
      onESDetached,
      onESSlotEvent,
    }
  },
})
</script>

开发

简介

轻卡生命周期 #

生命周期示例

轻卡生命周期