开始使用 Markup - 安装并渲染您的第一个模板

开始使用

Markup 是一个 即插即用 库，这意味着，您无需将其构建或编译成任何内容即可查看您构建的内容。您编写的内容将发送给客户。不多不少。

此外，您可以在客户端和服务器上运行它以生成任何类型的应用程序。

在浏览器中尝试示例

最简单的开始方法是在浏览器中尝试，您可以开始使用的项目很少：

HTML 文件

最简单的开始方法是创建一个 html 文件并添加以下内容。然后就可以在浏览器中打开查看了。

html
<!doctype html>
<html lang="en">
    <head>
        <title>Markup - Hello World</title>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width" />
        <script src="https://unpkg.com/@beforesemicolon/markup/dist/client.js"></script>
    </head>
    <body>
        <div id="app"></div>

        <script>
            const { html, state } = BFS.MARKUP

            const [count, updateCount] = state(0)

            const countUp = () => {
                updateCount((prev) => prev + 1)
            }

            html`
                <h1>Hello World</h1>
                <button type="button" onclick="${countUp}">
                    count ${count}
                </button>
            `.render(document.getElementById('app'))
        </script>
    </body>
</html>

编辑本文档