使い方

シングルコンポーネントはloadSingleComponentメソッドを使用してコンポーネントを読み込みました
ユニークコンポーネントを使う場合は、loadUniqueComponentメソッドを使用してください。loadSingleComponent、loadUniqueComponent共に引数は同じです
loadUniqueComponentではなく、appendLoadUniqueComponentにすると、ボディ部を置換ではなく、ボディ部に追加します
loadUniqueComponentではなく、beforeLoadUniqueComponentにすると、ボディ部を置換ではなく、第一引数の直前に追加します
loadUniqueComponentではなく、afterLoadUniqueComponentにすると、ボディ部を置換ではなく、第一引数の直後に追加します
イベント処理、プロパティと画面上の要素の紐づけ、初期処理、全て使い方はシングルコンポーネントと同じです

テンプレート、コンポーネントのview.htmlからユニークコンポーネントを呼び出す

例

<script data-load-only='true'>
        l.nestVal = {'key1': 'val1'};
</script>
<div data-unique-component='sample2' data-unique-component-variable='l.nestVal'></div>

data-unique-component属性値はloadUniqueComponentの第二引数と同じです
data-unique-component-variable属性値はloadUniqueComponentの第三引数と同じです
data-unique-component、data-unique-component-variable属性が付いたタグの内部にユニークコンポーネントがロードされます

次ページシングルコンポーネントとユニークコンポーネントの違い

目次