【HarmonyOS 鸿蒙黑马程序员学习笔记 103.1】

原创

于 2024-12-20 21:33:29 发布 · 215 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#harmonyos #学习 #笔记 #typescript #javascript #华为

父子数据传递 @Prop

在这里插入图片描述
简易示例

@Component struct zi{
   
   
  @State zname1 : string = '小明'
  @Prop zname2 : string = '兰博基尼'
  @Prop zname3 : string = '空'
  gaizi = (suibian1 : string) => {
   
   return (suibian1 + '+')}  //  传参可限制父 执行被父覆盖
  build() {
   
   
    Column(){
   
   
      Button('z').onClick(()=>{
   
   
        console.log('查看zname1',this.zname1)
        this.gaizi('劳斯莱斯')  //  调用子变量回调函数
      })
      Text('zname1 ' + this.zname1)
      Text('zname2 ' + this.zname2)
      Text('zname3 ' + this.zname3)
    }
  }
}

@Entry
@Component struct Index {
   
   
  @State fname1 : string = '大明'
  @State fname2 : string = '法拉利'
  @State fname3 : string = 'name'
  build() {
   
   
    Column(){
   
   
      //测试1
      Button('测试1').width('100%').onClick(()=>{
   
   
        if (this.fname1 == '大强') {
   
   this.fname1 = '小强'}
        else {
   
   this.fname1 = '大强'}
        console.log('都是State看是否同步渲染',)
      })
      Text(this.fname1)
      z