渲染器

eastspire小于 1 分钟euvuirustwasmusage-introductionrenderer

渲染虚拟 DOM

use euv::*;

let mut renderer: Renderer = Renderer::new(target_element);
let vnode: VirtualNode = rsx! {
    div {
        h1 { "Hello" }
    }
};
renderer.render(vnode);

提示

通常不需要手动创建 Renderer，使用 mount 或 mount_body 即可自动管理渲染器。

布尔属性

对于 checked、disabled、selected、readonly 等布尔属性，框架使用 DOM 属性（property）而非 HTML 属性（attribute）：

rsx! {
    input {
        r#type: "checkbox"
        checked: agree_signal
    }
    input {
        r#type: "text"
        disabled: disabled_signal
    }
}

注意

布尔属性必须通过 Signal<bool> 传入，不能直接传字符串 "true" / "false"。