首页
学习
活动
专区
圈层
工具
发布
技术百科首页 >Svelte >Svelte 的 store(状态存储)机制是如何工作的?

Svelte 的 store(状态存储)机制是如何工作的?

词条归属:Svelte

1. store 的基本概念

store 是 Svelte 中用于在组件内外共享状态的容器,遵循统一的订阅契约:任何实现了 subscribe、unsubscribe 与(可选的)set 的对象都可作为 store 使用。在组件中,以美元符号前缀($store)引用 store 时,其值变化会自动触发界面更新。

2. writable 可写 store

writable 用于创建可读写 store,提供 set 与 update 方法。set 直接设置新值,update 接收一个回调、基于旧值计算新值。当 store 没有任何订阅者被销毁时,其值会丢失,如需持久化可自行同步到 localStorage 等介质。

3. readable 与 derived

readable 创建只读 store,其值只能由内部逻辑通过传入的 set/update 修改,外部无法直接设置,常用于封装定时器、浏览器 API 等只应对外暴露读取的状态。derived 则从一个或多个 store 派生出新值,当依赖 store 变化时按聚合函数重新计算,可传入初始值,并支持返回清理函数。

相关文章
云存储是如何工作的?
如今,企业越来越多地采用云存储选项,因为它们需要更多的容量、弹性容量以及更好的方式来管理存储成本。事实证明,越来越多的企业数据和云数据难以让IT部门单独使用他们的数据中心进行管理。
静一
2018-12-24
4.9K0
JavaScript是如何工作的:存储引擎+如何选择合适的存储API
在设计 Web 应用程序时,为本地浏览器选择合适的存储机制至关重要, 一个好的存储引擎可以确保可靠地保存信息,减少带宽,提高响应能力。正确的存储缓存策略是实现离线移动 Web 体验的核心构建块,同时也大大的提高了用户体验。
前端小智@大迁世界
2019-01-29
2.8K0
Flink中可查询状态是如何工作的
QueryableStates 允许用户对流的内部状态进行实时查询,而无需将结果存储到任何外部存储中。 这制造了许多有趣的可能,因为我们不再需要等待系统写入外部存储(这一直是此类系统的主要瓶颈之一)。 甚至可能没有任何类型的数据库能让用户的应用程序直接查询流,这将使应用程序更快、更便宜。 这可能不适用于所有用例,但如果您的 Pipeline 必须维护内部状态(可能是进行一些聚合),则最好使状态可用于查询。
smartsi
2021-06-29
3.6K0
Hadoop 的 Checkpoint 机制是如何工作的?如何优化 Checkpoint 的频率?
Hadoop 的 Checkpoint 机制主要用于维护文件系统的元数据一致性,防止因 NameNode 故障导致的数据丢失。Checkpoint 主要通过 Secondary NameNode(在 Hadoop 2.x 及以后的版本中,这个角色可以由 Checkpoint Node 或 Standby NameNode 承担)来实现。
代码小李
2025-01-23
7150
JavaScript 是如何工作的:WebRTC 和对等网络的机制!
WebRTC,名称源自网页即时通信(英语:Web Real-Time Communication)的缩写,是一个支持网页浏览器进行实时语音对话或视频对话的API。
前端小智@大迁世界
2019-03-15
3.5K0
点击加载更多
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
领券