首页 > 其他分享 >ArkUI ARKTS 鸿蒙开发 装饰器

ArkUI ARKTS 鸿蒙开发 装饰器

时间:2024-08-20 17:27:06浏览次数:7  
标签:ARKTS string 鸿蒙 Provide 绑定 组件 message ArkUI 页面

@State

  定义一个变量,可用于本页面的双向绑定

 

@Prop

 定义一个接收参数的变量,随着父组件变化而变化,子组件更改的值会被父组件覆盖(不会更改父组件的值)

 

@Link

 定义一个变量,不允许定义值,需要通过父组件传入,可以做到父子组件双向绑定

 

@Provide装饰器和@Consume装饰器

    简单的来说就是可以改名然后绑定,可以双向同步,但是不能多级双向同步

注意父页面的定义的变量是message 是通过 @Provide("TextMsg") 改名的,如果不需要改名也可以直接写成 

 父页面写    @Provide message: string = "好神奇啊,竟然改成自动绑定";

子页面写     @Consume message:string;

1.父页面

@Entry
@Component
struct Category {
  @Provide("TextMsg")
   message: string = "好神奇啊,竟然改成自动绑定";
build() { Column() { ProductItem(); } }
}

2.子页面

@Entry
@Component
struct Category {

  @Consume("message") TextMsg:string;

     build() {
       Column() { 

         Text(this.TextMsg)

      }
  }
}

 

标签:ARKTS,string,鸿蒙,Provide,绑定,组件,message,ArkUI,页面
From: https://www.cnblogs.com/manga/p/18369703

相关文章

  • ArkUI ARKTS 鸿蒙开发 @BuilderParam
     @BuilderParam 可以理解成一个html页面的占位符,也可以理解成后端的委托,委托是根据委托的要求传入什么它就执行什么,这个是根据它的要求传入什么就渲染什么1.子页面定义变量      @ComponentexportstructProductItem{@PropProduct:ProductDto;@BuilderP......
  • 鸿蒙-JS-第三周day02
    一、带var和不带var的区别带var的时候就是声明变量,不带var的时候,没有变量提升,在全局作用域下,带var还是不带var都是给GO添加了一个属性(也相当于给window),属性名就是此变量,属性值就是变量值console.log(a);//undefinedvara=3;b=6;console.log(window.a);console.l......
  • 重生 之 被裁员后开滴滴之前学习了鸿蒙(part2)
    12.ArkUI-界面1.组件1.定义容器组件(){//内容}基础组件(参数)ps:UI界面构建的最小元素是组件ps:最外层只能有一个容器组件(距离build最近的)2.组件属性方法组件(){}.属性方法1(参数).属性方法2(参数).属性方法3(参数)……ps:若是基本组件可......
  • 鸿蒙开发ArkUI沉浸式导航
    1.沉浸式导航的效果是占用底部顶部或者其他挖孔区域的位置沉浸式的样式 非沉浸式的样式 2.实现方式   有三种实现放   1.全局(Ability)    2.页面   3.指定元素 全局的实现方式(Ability) 在你的Ability中设置 在页面创建......
  • ArkTS 页面和自定义组件生命周期
    页面生命周期,即被@Entry装饰的组件生命周期,提供以下生命周期接口: onPageShow:页面每次显示时触发一次,包括路由过程、应用进入前台等场景。onPageHide:页面每次隐藏时触发一次,包括路由过程、应用进入后台等场景。onBackPress:当用户点击返回按钮时触发。      ......
  • 创建Arkts的类,方法
    由于我是做后端的,学习的时候一直好奇怎么和c#一样创建类-方法,找到的时候废了一番精力,希望能够帮助到你1.先创建一个ArkTS文件  2.代码import{http}from'@kit.NetworkKit'import{JSON}from'@kit.ArkTS';import{LanguageDto}from'../pages/Dtos/LanguageD......
  • ARKUI控件属性及使用
    TexttextOverflow,设置文本超出时的处理decoration设置自定义属性textCase设置文本字母大小写输出也可以添加onclick事件Image控件Image(scr:string|PixelMap|Resource)1.本地资源:创建文件夹,将本地图片放入ets文件夹下的任意位置Image(“images/maniu.jpg”)2.网......
  • 关于鸿蒙开发中容器组件Tabs的介绍
    当页面内容较多时,可以通过Tabs组件进行分类展示。Tabs基本用法structTabbarDemo{build(){//外层顶级容器Tabs(){TabContent(){//内容区域:只能有一个子组件Text('首页内容')}......
  • 关于鸿蒙开发中滚动容器Scroll的介绍
    当子组件的布局尺寸超过Scroll的尺寸时,内容可以滚动。Scroll的核心用法用法说明:Scroll设置尺寸设置溢出的子组件【只支持一个子组件】滚动方向:支持横向和纵向,默认纵向Scroll(){//只支持一个子组件Column(){//内容放在内部//尺寸超过Scrol......
  • 鸿蒙交互事件开发01——点击/拖拽/触摸事件
     如果你也对鸿蒙开发感兴趣,加入“Harmony自习室”吧!扫描下方名片,关注公众号,公众号更新更快,同时也有更多学习资料和技术讨论群。1  概  述  事件是人机交互的基础,鸿蒙开发中,事件分为两大类:a)通用事件;b)手势事件。......