自定义组件的传值和绑定

@Component 
struct LoginInput { 
  private hint: string = '请输入账号密钥'; 
  build() { 
    TextInput({placeholder:this.hint}) 
  } 
}

LoginInput({hint:'请输入账号'}) 
LoginInput({hint:'请输入密钥'})

import Prompt from '@system.prompt' 
  
@Entry 
@Component 
struct Index { 
  //父组件的变量需要用@State修饰 
  @State inputUserName:string ='张三' 
  @State inputUserPsw:string ='张三' 
  build() { 
    Row() { 
      Column() { 
        Text(this.inputUserName).fontSize(20) 
        // 使用子组件传值的时候用$传递 
        LoginInput({hint:'请输入账号',inputVale:$inputUserName}) 
        LoginInput({hint:'请输入账号',inputVale:$inputUserPsw}) 
  
      } 
      .width('100%') 
    } 
    .height('100%') 
  } 
  
} 
@Component 
struct LoginInput { 
  private hint: string = '请输入账号密钥'; 
  //子组件的变量需要用@Link修饰，且不能初始化 
  @Link inputVale: string; 
  build() { 
    TextInput({placeholder:this.hint,text:this.inputVale}) 
      .onChange((value)=>{ 
        this.inputVale= value; 
        Prompt.showToast({message:value}) 
      }) 
  } 
}