Motomichi Works Blog

その日学習したことについて書いている日記です。誰かの役に立ったらそれはそれで嬉しいです。

riotjs

Riot.jsその0006 親子関係とそのプロパティへのアクセス

参考にさせて頂いたページ Riot API バージョン Riot v2.0.15 riot-sample.htmlの記述内容 <body> <elm-example hoge="parent_value"></elm-example> <script src="./js/core/riot+compiler.js"></script> <script type="riot/tag" src="./js/tags/riot-sample.tag"></script> <script> riot.mount('elm-example'); </script> </body> riot-sample…

Riot.jsその0005 イベントリスニングの開始と任意のタイミングでイベントを発生させる方法

参考にさせて頂いたページ Riot API vue.jsその0007 イベントリスニングの開始と任意のタイミングでイベントを発生させる方法 - MOTOMICHI WORKS BLOG バージョン Riot v2.0.15 riot-sample.htmlの記述内容 <body> <elm-example></elm-example> <script src="./js/core/riot+compiler.js"></script> <script type="riot/tag" src="./js/tags/riot-sample.tag"></script> <script> riot.…</body>

Riot.jsその0004 カスタムタグの中に任意のhtml要素を入れ子にする <yield/>

参考にさせて頂いたページ Riot API バージョン Riot v2.0.15 riot-sample.htmlの記述内容 <body> <elm-example thisid="1" title="タイトル1"> <div>inner-content-1</div> </elm-example> <elm-example thisid="2" title="タイトル2"> <div>inner-content-2</div> </elm-example> <script src="./js/core/riot+compiler.js"></script> </body>

Riot.jsその0003 属性を付与して、opts.hogeとして使用する

参考にさせて頂いたページ Riot 2.0 | A React-like UI library Riot.js 2.0 を触ってみた — まだReactで消耗しているの? - Qiita バージョン Riot v2.0.15 riot-sample.htmlの記述内容 <body> <elm-example AAAAA="AAAAAです。" bbbbb="bbbbbです。" cc_cc_c="cc_cc_cです。"></elm-example> <script src="./js/core/riot+compiler.js"></script> </body>

Riot.jsその0002 riot.mountするときにoptsを渡す

参考にさせて頂いたページ Riot 2.0 | A React-like UI library Riot.js 2.0 を触ってみた — まだReactで消耗しているの? - Qiita バージョン Riot v2.0.15 riot-sample.htmlの記述内容 <body> <elm-example></elm-example> <script src="./js/core/riot+compiler.js"></script> <script type="riot/tag" src="./js/tags/riot-sample.tag"></script> <script> riot…</body>

Riot.jsその0001 Riot.jsを使う準備とカスタムタグの定義

参考にさせて頂いたページ Riot 2.0 | A React-like UI library Riot.js 2.0 を触ってみた — まだReactで消耗しているの? - Qiita バージョン Riot v2.0.15 ダウンロードする 公式サイトで、riot+compiler.jsをダウンロードしてみた。 riot-sample.htmlの作…