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

Question

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

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

Answer 1

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

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

entity-id 是可选的，在您有项目列表或类似内容时使用。

使用this.$context.attributes.id 在render 方法中很容易获得组件的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

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