2

我有一个正在处理的烧瓶项目。我希望能够开始用 wasm 替换一些组件。

我能够将 yew 组件安装到特定的<div>.，但我希望能够做到这一点，并利用 Rust 的一些 GUI 库。

我能够在 iced 库中制作一些作为 WASM 工作的示例，但那是独立的。我还没有完全理解如何将它们包装在<div>一个页面中并在一个页面上使用多个 wasm/rust/yew 组件。

下面是一个非常简单的示例，可以让您了解实现的想法。

<!DOCTYPE html>
<html lang="en">
  <head> 
    <script type="module">
    import init from "./static/js/wasm.js";
    init();
    </script>
    <style>
    #yewapp{}
    </style>
    <meta charset="utf-8" />  
    <title>Flask+Rust</title>
    <link rel="shortcut icon" href="#" />
  </head>
  <body>  
    <div>  
      {{ message }}
    </div>
    <div id ="yewapp"></div>
    {{ message }} again
  </body>
</html>

这有效（yew 应用程序现在只是 hello world）。我喜欢.mount(div)yew 的功能，但如果有其他方法可以做到这一点，我愿意接受。

4

0 回答 0