javascript - Catberry Framework を使用して一意のコンポーネント ID を作成するベスト プラクティスは何ですか?

Question

Catberry にはコンポーネントの要件があります。すべての ID が一意でなければなりません。

入れ子になったコンポーネントの階層が複雑な場合に一意の ID を作成するためのベスト プラクティスは何ですか?

Answer 1

ネストされたコンポーネントの一意の識別子を作成するための推奨される方法は次のとおりです。

<parent-component­-id>:<child-component­-name>:<entity-­id>.

entity-idオプションで、アイテムのリストなどがある場合に使用されます。

renderを使用して、メソッドでコンポーネントの ID を取得するのは非常に簡単this.$context.attributes.idです。

たとえば、アイテムのリストをレンダリングするコンポーネントがあるとします。その名前はcat-listID 付きsome-listです。名前を持つネストされたコンポーネントにcat-list-itemは ID があります。

some-list:list-item:1
some-list:list-item:2
some-list:list-item:3
...
some-list:list-item:N

各アイテムのようcat-authorにネストされたコンポーネントがさらにある場合、それらには ID があります。

some-list:list-item:1:author
some-list:list-item:2:author
...
some-list:list-item:N:author

したがって、このルールを使用すると、ページ上のすべてのコンポーネントに対して一意の識別子が得られます。