挂载应用

eastspire2026/5/21小于 1 分钟euvuirustwasmusage-introductionmount

mount

将虚拟 DOM 树挂载到指定选择器匹配的元素：

use euv::*;

fn app() -> VirtualNode {
    html! {
        div {
            h1 { "Hello, euv!" }
        }
    }
}

// 挂载到 #app 元素
mount("#app", app);

// 挂载到 body 元素
mount("body", app);

支持的选择器：

选择器	说明
`"body"`	挂载到 body 元素
`"#id"`	通过元素 ID 选择
`".class"`	通过类名选择（首个匹配）
`"tag"`	通过标签名选择（首个匹配）

注意

选择器未匹配到任何元素时会 panic。

mount 函数签名

mount 接受一个 CSS 选择器字符串和一个渲染函数：

pub fn mount<F>(selector: &str, render_fn: F)
where
    F: FnOnce() -> VirtualNode,

render_fn 可以是函数名（如 app），也可以是闭包：

// 传入函数名
mount("#app", app);

// 传入闭包
mount("#app", || {
    html! { div { "Hello" } }
});