ページコンポーネントを使用する
一度、ofa.js がロードされると、グローバルに o-page という名前のページコンポーネントが自動的に追加されます。このコンポーネントは、ページモジュールをロードするために使用されます。ページモジュールは特別なコンポーネントモジュールであり、カスタムタグして登録されず、o-page コンポーネントを介してロードされます。
ページモジュールは、コンポーネントモジュールに似ていますが、いくつかの違いがあります。ページモジュールでは、pageプロパティを使用してテンプレートを定義しますが、componentプロパティではありません。ページモジュールの開発ロジックは、コンポーネントジュールと同じであり、同じテンプレート構文やテンプレートコンポーネントなどを使用します。ただし、ページモジュールでは attrs 属性を使用することができません。これは、ページのパラメータは通常URL経由で渡されるためです。
この例では、o-pageコンポーネントを使用してpage.htmlページモジュールをロードしている。 テンプレートは page 属性を使用してページモジュールで定義され、データを設定するためにJavaScript関数を通してオブジェクトが返される。URLからのクエリパラメータ count はページモジュールに渡され、データを初期化するために使用される。 ページ内のボタンをクリックするイベントによってデータが更新され、ページ内にレンダリングされる。