template - 隐式响应式

此示例演示了如何通过更改存储自动更新其订阅者。

在 SSR 渲染期间,服务器需要渲染应用程序中的所有组件。当它渲染组件时,这些组件中的绑定会对存储属性进行读取。例如,当 <DisplayA> 中的文本节点从存储中读取 countA 属性时,Qwik 会将其记录为订阅。Qwik 现在知道,如果 countA 发生更改,则需要重新渲染 <DisplayA> 中的文本节点。执行信号操作将自动在存储上设置订阅。每次执行信号操作时,旧的订阅都会被丢弃,并创建新的订阅。这意味着文本节点可以在其生命周期内更改其正在监听的内容集。

目前,按钮没有任何作用。实现按钮以递增相应的存储属性。

一旦您使按钮正常工作,请注意,即使所有状态都存储在一个存储中,更新也是非常集中的。a++ 按钮只会导致 <DisplayA> 内的文本节点重新渲染,而 b++ 按钮只会导致 <DisplayB> 内的文本节点重新渲染。细粒度的重新渲染是 Qwik 的一个重要特性。它使 Qwik 应用程序保持精简,并且不会不必要地下载太多代码。

订阅会在组件被移除时自动创建和释放。无需手动跟踪或释放它们。

Qwik 是一个响应式系统。所有响应式系统都需要应用程序的单次完整执行来创建订阅。Qwik 应用程序也需要完整执行来设置所有订阅。但是,Qwik 应用程序在服务器上执行完整执行,并将订阅信息传输到客户端。这样,客户端就知道在没有被迫对整个应用程序进行一次完整渲染的情况下,需要重新渲染哪个组件或组件的哪一部分。这样做会强制所有组件被急切地下载,而 Qwik 想要避免这种情况。

编辑教程