@Entry
@Component
struct ProvideCase {
@Provide num:number=100
build() {
Column(){
Text('祖组件'+this.num)
ParentItem()
}
.justifyContent(FlexAlign.Center)
.height('100%')
.width('100%')
}
}
@Component
struct ParentItem {
build() {
Column(){
Text('父组件')
SonItem()
}
}
}
@Component
struct SonItem {
@Consume num:number
build() {
Column(){
Text('儿子组件'+this.num)
Button('减')
.onClick(()=>{
this.num -=10
})
}
}
}
鸿蒙后代共享组件@Provide和@Consume双向绑定
最新推荐文章于 2024-09-09 19:38:19 发布