初学者计划

Html 主要用于学习目的。

beginnerProgram 无法处理订阅或运行命令。

它只能处理来自 DOM Events 的用户输入。

它只需要 view 来渲染 model 和 update 函数来处理状态变化。

例

考虑一下 beginnerProgram 这个最小的例子。

本例中的 model 由单个 Int 值组成。

update 函数只有一个分支，它增加了存储在 model 中的 Int。

view 呈现模型并附加单击 DOM 事件。

了解如何在 Initialize 和 build 中构建示例

import Html exposing (Html, button, text)
import Html exposing (beginnerProgram)
import Html.Events exposing (onClick)

main : Program Never
main =
    beginnerProgram { model = 0, view = view, update = update }

-- UPDATE

type Msg
    = Increment

update : Msg -> Int -> Int
update msg model =
    case msg of
        Increment ->
            model + 1

-- VIEW

view : Int -> Html Msg
view model =
    button [ onClick Increment ] [ text ("Increment: " ++ (toString model)) ]