页面组件内数据共享-storage

import { StorageChildren } from '../view/StorageChildren'

let storage:LocalStorage = new LocalStorage("username")
storage.setOrCreate('username','小王')


@Entry(storage)
@Component
struct Page09_storage {
  @State message: string = 'Hello World'

  @LocalStorageProp("username") username:string = ''
  @LocalStorageLink("username") myusername:string = ''

  build() {
    Row() {
      Column() {
        Text(this.message)
          .fontSize(50)
          .fontWeight(FontWeight.Bold)

        Text(this.username)
          .fontSize(50).onClick(()=>{
          this.username = '小一'
        })

        Text(this.myusername)
          .fontSize(50).onClick(()=>{
          this.myusername = '小二'
        })

        StorageChildren()
      }
      .width('100%')
    }
    .height('100%')
  }
}

----------------------

@Component
export struct StorageChildren {

  @LocalStorageProp("username") username:string = "小牛"
  @LocalStorageLink("username") myusername:string = "小牛2"

  build() {
    Column(){
      Text('StorageChildren').fontSize(20)
      Text(this.username).fontSize(20).onClick(()=> {
        this.username = '张三李四'
      })

      Text(this.myusername).fontSize(20).onClick(()=> {
        this.myusername = '小王'
      })
    }.width('100%').height('100%')
  }
}