news 2026/7/11 17:04:32

鸿蒙中级课程笔记2—状态管理V2—@Once、@Event

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
鸿蒙中级课程笔记2—状态管理V2—@Once、@Event

@Once:初始化同步一次

想要实现仅从外部初始化一次且不接受后续同步变化的能力,可以使用@Once装饰器搭配@Param装饰器。

阅读本文档前,请先阅读@Param。

说明

从API version 12开始,在@ComponentV2装饰的自定义组件中支持使用@Once装饰器。

从API version 12开始,该装饰器支持在元服务中使用。

概述

@Once装饰器在变量初始化时接受外部传入值进行初始化,后续数据源更改不会同步给子组件:

  • @Once必须搭配@Param使用,单独使用或搭配其他装饰器使用都是不允许的。
  • @Once不影响@Param的观测能力,仅针对数据源的变化做拦截。
  • @Once与@Param装饰变量的先后顺序不影响使用功能。
  • @Once与@Param搭配使用时,可以在本地修改@Param变量的值。

装饰器使用规则说明

@Once装饰器作为辅助装饰器,本身没有装饰类型要求和变量观察能力。

@Once变量装饰器说明
装饰器参数无。
使用条件无法单独使用,必须配合@Param装饰器使用。

@Once使用限制

  • @Once仅在@ComponentV2装饰的自定义组件中与@Param搭配使用,否则报错。

  • @Once与@Param的先后顺序无关,可以写成@Param @Once也可以写成@Once @Param。

使用场景

变量仅初始化同步一次

@Once用于期望变量仅初始化同步数据源一次,之后不再继续同步变化的场景。

本地修改@Param变量

当@Once与@Param结合使用时,可以解除@Param无法在本地修改的限制,并能够触发UI刷新。此时,使用@Param和@Once的效果类似于@Local,但@Param和@Once还能接收外部传入的初始值。

@Event装饰器

@Event主要配合@Param实现数据的双向同步。在阅读本文档前,建议提前阅读:@Param。

说明

从API version 12开始,在@ComponentV2装饰的自定义组件中支持使用@Event装饰器。

从API version 12开始,该装饰器支持在元服务中使用。

概述

由于@Param装饰的变量在本地无法更改,子组件使用@Event装饰器装饰回调方法属性并在父组件中设置该回调的实现,可以实现子组件调用回调更新父组件数据源变量,再通过@Local的同步机制,将修改同步回@Param装饰的子组件变量,以此达到主动更新@Param装饰变量的效果

@Event用于装饰组件对外输出的方法:

  • @Event装饰的回调方法中参数以及返回值由开发者决定。

  • @Event装饰非回调类型的变量不会生效。当@Event没有初始化时,会自动生成一个空的函数作为默认回调。

  • 当@Event未被外部初始化,但本地有默认值时,会使用本地默认的函数进行处理。

@Param标志着组件的输入,表明该变量受父组件影响,而@Event标志着组件的输出,可以通过该方法影响父组件。使用@Event装饰回调方法是一种规范,表明该回调作为自定义组件的输出。父组件使用子组件时,如果设置了子组件通过@Event标记的回调函数,则子组件可以调用回调函数更改@Param变量的数据源。

装饰器说明

@Event属性装饰器说明
装饰器参数无。
允许装饰的变量类型回调方法,例如()=>void、(x:number)=>boolean等。回调方法是否含有参数以及返回值由开发者决定。
允许传入的函数类型箭头函数。

限制条件

  • @Event只能用在@ComponentV2装饰的自定义组件中。当装饰非方法类型的变量时,不会有任何作用。当装饰@Component组件中的属性/方法时,编译报错。

使用场景

更改父组件中变量

使用@Event可以更改父组件中变量,当该变量作为子组件@Param变量的数据源时,该变化会同步回子组件的@Param变量。

值得注意的是,使用@Event修改父组件的值是立刻生效的,但从父组件将变化同步回子组件的过程是异步的,即在调用完@Event的方法后,子组件内的值不会立刻变化。这是因为@Event将子组件值实际的变化能力交由父组件处理,在父组件实际决定如何处理后,将最终值在渲染之前同步回子组件。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/7/4 15:21:10

构建AI Agent的自适应学习系统

构建AI Agent的自适应学习系统 关键词:AI Agent、自适应学习系统、机器学习、强化学习、神经网络 摘要:本文旨在深入探讨构建AI Agent的自适应学习系统这一前沿技术领域。通过详细阐述自适应学习系统的核心概念、算法原理、数学模型,结合项目实战案例,展示如何实现一个高效…

作者头像 李华
网站建设 2026/6/16 2:26:56

搭建终身学习系统时,AI应用架构师容易犯哪些错?(避坑指南)

AI应用架构师搭建终身学习系统的10个常见坑与避坑指南 副标题:从数据管道到模型部署的实践教训 摘要/引言 在AI从“静态工具”转向“动态系统”的今天,终身学习(Lifelong Learning) 已成为企业保持AI竞争力的核心能力——它让模型…

作者头像 李华
网站建设 2026/7/2 10:38:29

前端萌新别慌!30分钟搞懂CSS阴影:text-shadow和box-shadow实

前端萌新别慌!30分钟搞懂CSS阴影:text-shadow和box-shadow实 前端萌新别慌!30分钟搞懂CSS阴影:text-shadow和box-shadow实战指南先别急着写代码,咱先吐槽五分钟先整点能跑的,把士气提上来text-shadow&#…

作者头像 李华
网站建设 2026/7/10 12:35:59

指针进阶:二级指针与指针的指针的应用场景

指针进阶:二级指针与指针的指针的应用场景 在C指针学习中,二级指针(又称指针的指针)是从基础指针迈向进阶的关键节点。前文我们了解到,一级指针存储的是普通变量的内存地址,而二级指针的核心是“存储一级指…

作者头像 李华
网站建设 2026/7/11 16:13:38

AI智能体完全指南:无需编程基础,四步打造专属AI助手

本文详解AI智能体搭建方法,从入门到进阶,包括四步创建流程、个性化设置、知识库运用和指令迭代技巧。文章强调将AI视为协作者而非工具,根据场景选择适合的大模型,并提供多个国内免费平台推荐。无需编程基础,即可打造专…

作者头像 李华