問題タブ [riot.js]

riot.js を使用してカスタム イベントをトリガーおよび処理する方法を理解しています。また、このライブラリによってテンプレートがどのように有効になっているかも理解しています。しかし、暴動が「コアを拡張するモジュール」と呼んでいるものを作成して強制するパターンを理解していません。以下は、ウェブ上で入手できる非常にまばらな (そして唯一の) 記事で riot が提供しているものです。

このパターンは正確にはどのように機能し、アプリケーションのコアを拡張可能にするのにどのように役立つのでしょうか? ありがとうございました。

次のようなカスタムriotタグがある場合p：

タグ<p>内から要素にアクセスするにはどうすればよいですか?<custom>

更新： DOMから選択する方法について、たくさんの回答を受け取りました。私が欲しいのは、コンポーネント ライブラリriot.js自体pの中から内側のタグより riotjs 固有の回答を探しています。たとえば、ポリマーの場合は を使用。this.$.content.getDistributedNodes()

再利用可能なサブタグを作成できるようにしたい:

そのため、観察可能なパターンを使用してサブタグと通信したいと思います。

すでにマウントされているため、コードは機能しません。ただし、サブタグをタグの外側に配置すると、機能します。サブタグ表記を使用してイベントをキャッチする方法は?

再帰的にネストされたタグがあります:

次のように取り付けられます。

タグコードのコメントで説明されているように、親のチェックボックスの「チェック済み」状態を変更する際に問題があります。ただし、「選択された」プロパティの値は期待どおりに変更されます。

親のチェックボックスの状態を変更したり、親タグの「select」メソッドを呼び出したりすることは可能ですか?

これはコードです：

console.log(localStorage.getItem('todos'))キーと値は表示されますが (例: ["one", "two])、ページを更新するとキーと値の両方が消えます。

ページの更新後に永続化する方法は?

フォーム要素を処理するためのカスタム コンポーネントの拡張セットを構築しようとしています。form-componentsまず、ラベル (および後でいくつかの基本的な検証規則) と特定のコンポーネントの表示を処理するカスタム タグを作成したいと考えました。

このフィドルでは、セットアップを見ることができます。ネストされたタグの例を使用して、ノードを親タグから子タグにコピーしています。ただし、これは深さ 1 でしか機能しないようです。

私のアプローチが正しい方法であるかどうか疑問に思っていますが、これはサポートされていないか、間違った方向から見ているだけです。

アイデアはありますか？