Skip to content
Mithril.js 2
Main Navigation ガイドAPI

日本語

English
简体中文
繁體中文
Español
Français
Русский
Português – Brasil
Deutsch
한국어
Italiano
Polski
Türkçe
čeština
magyar

日本語

English
简体中文
繁體中文
Español
Français
Русский
Português – Brasil
Deutsch
한국어
Italiano
Polski
Türkçe
čeština
magyar

外観

Sidebar Navigation

はじめに

インストール方法

シンプルなアプリケーション

リソース

JSX

レガシーブラウザでの ES6+ の利用

アニメーション

テスト

例

サードパーティとの統合

パスの取り扱い

主要な概念

Virtual DOM ノード

コンポーネント

ライフサイクルメソッド

Key(キー)

自動再描画システム

その他

フレームワークの比較

v1.x からの移行

v0.2.x からの移行

API

このページの内容

シグネチャの読み方 ​

シグネチャのセクションは通常、次の形式で記述されます。

vnode = m(selector, attributes, children)

引数型必須説明
selectorString|ObjectはいCSSセレクター、またはコンポーネント。
attributesObjectいいえHTML属性、または要素のプロパティ。
childrenArray<Vnode>|String|Number|Booleanいいえ子vnode。スプラット引数として記述することも可能です。
戻り値Vnodevnode

テーブル上部のシグネチャ行は、メソッドの一般的な構文を示しています。メソッド名、引数の順序、推奨される戻り値の変数名が示されます。

引数列は、各行で説明するシグネチャの要素を示します。returns行は戻り値に関する情報を含みます。

型列は、引数に期待される型を示します。

パイプ(|)は、引数が列挙された型のいずれかを取り得ることを示します。例えば、String|Objectは、selectorが文字列またはオブジェクトのいずれかであることを意味します。

Arrayの後の山括弧(< >)は、配列要素の型を示します。例えば、Array<String>は、引数が配列であり、その配列内のすべての要素が文字列でなければならないことを意味します。Objectの後の山括弧は、マップ(連想配列)を示します。例えば、Object<String,Component>は、引数がオブジェクトであり、そのキーが文字列で、値がコンポーネントであることを意味します。

特定のオブジェクトの構造が必要であることを示すために、ネイティブ型以外の型が表示されることがあります。例えば、Vnodeは、仮想 DOM ノードの構造を持つオブジェクトです。

必須列は、引数が必須かオプションかを示します。引数がオプションの場合、nullまたはundefinedを設定するか、完全に省略して次の引数をその場所に指定できます。

オプションの引数 ​

大括弧[ ]で囲まれた引数はオプションです。以下の例では、urlがオプションの引数です。

m.request([url,] options)

スプラット ​

スプラット引数は、引数が配列の場合に、角括弧を省略して、メソッドに可変長の引数を渡せることを意味します。

上記の例では、m("div", {id: "foo"}, ["a", "b", "c"])をm("div", {id: "foo"}, "a", "b", "c")と記述できることを意味します。

スプラットは、JSにコンパイルされる言語などで役立ち、いくつかの一般的なユースケースで簡潔な記述を可能にします。

関数のシグネチャ ​

関数は矢印(->)で表されます。矢印の左側は引数の型を示し、右側は戻り値の型を示します。

例えば、parseFloatのシグネチャはString -> Numberです。これは、文字列を入力として受け取り、数値を戻り値として返すことを意味します。

複数の引数を持つ関数は、括弧で表されます:(String, Array) -> Number

コンポーネントのシグネチャ ​

コンポーネントはmの呼び出しによって示されますが、最初のセレクター引数は、関連する文脈で名前が付けられた定数に設定されます。

vnode = m(m.route.Link, attributes, children)

引数型必須説明
attributes.hrefObjectはいナビゲーション先のターゲットルート。
attributes.selectorString|Object|Functionいいえ使用するタグ名を設定します。指定された場合、mの有効なセレクターである必要があります。デフォルトは"a"です。
attributes.optionsObjectいいえm.route.setに渡されるオプションを設定します。
attributesObjectいいえ返される vnode に適用するその他の属性を渡すことができます。
childrenArray<Vnode>|String|Number|Booleanいいえこのリンクの子vnode。
戻り値Vnodevnode。

ここで指定された子は、特に明記されていない限り、スプラット引数として記述できるものと見なされます。

適切な子や属性を持たない要素は、関連するパラメーターを完全に省略できます。

vnode = m(Component, attributes)

引数型必須説明
attributes.hrefObjectはいリンク先
attributesObjectいいえvnode に適用されるその他の属性
戻り値Vnodevnode
Pager
次のページインストール方法

MITライセンス の下で公開されています。

Copyright (c) 2024 Mithril Contributors

https://mithril.js.org/signatures.html

MITライセンス の下で公開されています。

Copyright (c) 2024 Mithril Contributors