コンポーネントのマークアップ
コンポーネントリソースにはマークアップが含まれ、.cmp サフィックスが付いています。マークアップには、テキストまたは他のコンポーネントへの参照を含めることができます。また、マークアップはコンポーネントに関するメタデータの宣言も行います。
まず、helloWorld.cmp コンポーネントのシンプルな「Hello, world!」の例から始めましょう。
1<aura:component>
2 Hello, world!
3</aura:component>この例では、コンポーネントを可能な限りシンプルにしています。テキスト「Hello, world!」は、<aura:component> タグでラップされています。このタグは、すべてのコンポーネント定義の最初と最後にあります。
コンポーネントには、ほとんどの HTML タグを含めることができるため、<div> や <span> などのマークアップを使用できます。HTML5 タグもサポートされています。
1<aura:component>
2 <div class="container">
3 <!--Other HTML tags or components here-->
4 </div>
5</aura:component>コンポーネントを作成するには、開発者コンソールを使用します。
コンポーネントの命名規則
コンポーネント名は、次の命名規則に従う必要があります。
- 文字で始まる
- 英数字とアンダースコアのみで構成される。
- 名前空間内で一意である
- 空白が含まれていない
- 末尾がアンダースコアではない
- アンダースコアが 2 つ続けて使用されていない