70 个版本

0.7.0-preview2	~~2024年4月29日~~
0.7.0-beta3	2024年8月17日
0.7.0-beta	2024年7月24日
0.6.14	2024年8月14日
0.0.3	2022年11月27日

在网页编程中排名第 1523

每月下载量 37,734
用于 33 个包（直接使用 28 个）

MIT 协议

210KB
4K SLoC

Leptos Meta

Leptos Meta 允许您使用 Leptos 网页框架在组件中修改文档 <head> 部分的内容。

当在浏览器中运行时，文档元数据会自动更新。对于服务器端渲染，在组件树渲染为 HTML 后，可以使用 MetaContext::dehydrate 生成应该注入到正在渲染的 HTML 文档 <head> 部分的 HTML。

use leptos::prelude::*;
use leptos_meta::*;

#[component]
fn MyApp() -> impl IntoView {
    // Provides a [`MetaContext`], if there is not already one provided.
    provide_meta_context();

    let (name, set_name) = create_signal("Alice".to_string());

    view! {
      <Title
        // reactively sets document.title when `name` changes
        text=move || name.get()
        // applies the `formatter` function to the `text` value
        formatter=|text| format!("“{text}” is your name")
      />
      <main>
        <input
          prop:value=move || name.get()
          on:input=move |ev| set_name.set(event_target_value(&ev))
        />
      </main>
    }
}

特性标志

csr 客户端渲染：在浏览器中生成 DOM 节点
ssr 服务器端渲染：生成 HTML 字符串（通常在服务器上）
hydrate 活化：使用此功能为 SSRed Leptos 应用添加交互性
stable 默认情况下，Leptos 需要 nightly Rust，这使得调用信号像函数一样使用起来更便捷。启用此功能以支持 stable Rust。

重要提示：您必须启用 csr、hydrate 或 ssr 之一，以告诉 Leptos 您的应用正在哪种模式下运行。

依赖项

~21–33MB
~534K SLoC