mirror of
https://github.com/yewstack/yew.git
synced 2025-12-08 21:26:25 +00:00
f0209c786f
* 0.20 Changelog * Improve changelog generator * Add blog post * Add blog post * Apply suggestions from code review Co-authored-by: WorldSEnder <WorldSEnder@users.noreply.github.com> Co-authored-by: Julius Lungys <32368314+voidpumpkin@users.noreply.github.com> * update Changelog * update Cargo.toml * changelog gen compiles * website version 0.20 * add migration guides * prettier * i18n Co-authored-by: WorldSEnder <WorldSEnder@users.noreply.github.com> Co-authored-by: Julius Lungys <32368314+voidpumpkin@users.noreply.github.com>
41 lines
2.0 KiB
Plaintext
41 lines
2.0 KiB
Plaintext
---
|
||
title: Agents
|
||
description: Yew 的 Actor 系统
|
||
---
|
||
|
||
Agents 和 Angular 的 [Services](https://angular.io/guide/architecture-services) 相似（但没有依赖注入），给 Yew 提供了 [Actor 模型](https://en.wikipedia.org/wiki/Actor_model)。Agents 可以用于在组件之间路由消息，而与它们在组件层次结构中的位置无关，或者可以用于协调全局状态，或者可以用于从主 UI 线程上卸载计算密集型任务，或者在不同的标签页间通信（在未来）。
|
||
|
||
Agents 使用 [web-workers](https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers) 同时运行来实现并发。
|
||
|
||
## 生命周期
|
||
|
||
|
||
|
||
## Agents 的类型
|
||
|
||
#### Reaches
|
||
|
||
- Job - 在 UI 线程上为每个新的 Bridge 生成一个新的 Agent。这对于将与浏览器通信的共享但独立的行为移出组件是很有用的。（待验证）任务完成后，Agent 将消失。
|
||
- Context - Bridges 将生成或连接到 UI 线程上的 agent。这可用于在组件和其它 Agents 之间协调状态。当没有 Bridge 连接到该 Agent 时，Agent 将消失。
|
||
- Private - 与 Job 相同，但运行在自己的 web worker 中。
|
||
- Public - 与 Context 相同，但运行在自己的 web worker 中。
|
||
- Global \(WIP\)
|
||
|
||
## Agent 通信
|
||
|
||
### Bridges
|
||
|
||
Bridges 将连接到一个 Agent 并且允许双向通信。
|
||
|
||
### Dispatchers
|
||
|
||
Dispatchers 和 Bridges 类似，但是他们只能发送消息给 Agents。
|
||
|
||
## 开销
|
||
|
||
Agents 通过使用二进制码 bincode 序列化其消息来进行通信。因此，存在比仅调用函数相比更高的性能消耗。除非计算成本或者在任意组件间协调的需求超过消息传递的成本，否则你应该尽可能地在函数中包含你的应用逻辑。
|
||
|
||
## Further reading
|
||
|
||
- The [web_worker_fib](https://github.com/yewstack/yew/tree/master/examples/web_worker_fib) example shows how components can use agents to communicate with each other.
|