logo
Zess
指南
API
演练场
English
简体中文
指南
API
演练场
English
简体中文
logo
Zess

开始

介绍
快速开始

核心功能

响应性基础
生命周期
内置组件
响应性工具类
Store 工具类
次要 API
渲染
特殊 JSX 属性

路由系统

内置组件
基础 API
📝 在 GitHub 上编辑此页
上一页响应性基础
下一页内置组件

#生命周期

#onMount

注册一个在组件挂载时运行的函数。适用于设置订阅或初始化非响应式状态。

类型:

onMount(fn: () => void): void

参数:

  • fn: 在挂载时运行的函数

示例:

onMount(() => {
  console.log('组件已挂载')
  // 设置订阅或执行初始化操作
})

#onCleanup

注册一个清理函数,在组件卸载或副作用重新运行时执行。用于清理事件监听器、定时器或订阅等资源。

类型:

onCleanup(fn: () => void): void

参数:

  • fn: 要运行的清理函数

示例:

useEffect(() => {
  // 通过 getter 函数从信号获取事件名称
  const eventToListen = currentEvent()

  // 定义事件处理函数
  const handleEvent = (event) => {
    console.log(`事件触发: ${eventToListen}`, event)
  }

  // 向 window 对象添加事件监听器
  window.addEventListener(eventToListen, handleEvent)

  // 当副作用重新运行或组件卸载时清理事件监听器
  onCleanup(() => {
    window.removeEventListener(eventToListen, handleEvent)
  })
})

#onError

为最近的 Owner 作用域注册错误处理器。处理当前所有者上下文中渲染期间或副作用内发生的错误。如果在回调中重新抛出错误,它将传播到父级所有者的错误处理器。

类型:

onError(fn: (error: unknown) => void): void

参数:

  • fn: 处理错误的函数

示例:

onError((error) => {
  console.error('捕获到错误:', error)
  // 优雅地处理错误
})