组件事件

本节主要介绍组件中使用的事件。从前面的组件示例可以看出，常见的事件包括：组件的生命周期事件、单击事件、双击事件、值改变事件、右键菜单事件等。这些事件的响应处理通过 eventHandler 触发，调用其配置的事件处理操作。

每个业务组件可根据自身需要，在编辑器支持的事件范围内进行配置，并不需要全量支持。组件接入编辑器时，需要在 hasEvents 中配置该组件需要支持的事件类型，然后在业务组件代码中触发调用。

TIP

如果组件只是静态展示，不需要交互，可以尽量减少事件范围，甚至不支持任何事件。

onBeforeMount(()=>{
  eventHandler.value = useEventHandler(events.value, props.designStatus,compContext);
  eventHandler.value?.beforeMount();
})

onMounted(() => {
  eventHandler.value?.mounted();
})

onBeforeUnmount(()=>{
  eventHandler.value?.beforeUnmount();
})

onUnmounted(()=>{
  eventHandler.value?.unmounted();
})

onActivated(() => {
  eventHandler.value?.activated();
})

onDeactivated(() => {
  eventHandler.value?.deactivated();
})