javascript - 使用 Catberry 框架构建唯一组件 ID 的最佳实践是什么？

Question

Catberry 对组件有一个要求——它们的所有 ID 都必须是唯一的。

当嵌套组件的层次结构复杂时，构建唯一 ID 的最佳实践是什么？

Answer 1

为嵌套组件构建唯一标识符的推荐方法是：

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

entity-id是可选的，在你有一个项目列表或类似的东西时使用。

render在您的方法中使用组件的 ID 非常容易this.$context.attributes.id。

例如，您有一个呈现项目列表的组件。它的名字cat-list带有 ID 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

因此，如果您使用此规则，您将拥有页面上所有组件的唯一标识符。