#鸿蒙通关秘籍#如何利用@LocalStorageProp和@LocalStorageLink实现页面级数据存储？

@LocalStorageProp和@LocalStorageLink用于在路由页面中创建和使用页面级的UI状态存储，其核心在于LocalStorage实例的应用。

1. 创建LocalStorage实例并绑定到页面：

   let storage: LocalStorage = new LocalStorage();
   storage.setOrCreate('key', 'value');
   
   @Entry(storage)
   @Component
   struct Parent {
   }
   

2. 使用@LocalStorageProp和@LocalStorageLink：

   @LocalStorageProp('key') propVariable: string = '';
   @LocalStorageLink('key') linkVariable: string = '';
   

3. 使用更新函数：

   storage.set('key', 'new value');
   

通过这种方式，可以使得不同组件共享同一个页面级的数据状态，共享数据的更新也会反映在UI变化上。