在不污染全局命名空間的情況下，在另一個 Web 組件中定義一個 Web 組件

Question

假設我想使用一個在內部使用 10 個 Web 組件的 Web 組件，如果組件在全局范圍內定義它，Internals 將污染我的全局組件命名空間，我不能將它們的名稱用於其他組件。

有沒有辦法在另一個 web 組件中使用 web 組件而不通過customElements.define()<\/code>定義它？

Answer 1

關於創建范圍內的自定義元素注冊表有一些討論，但尚無任何規范或尚未實現。

Answer 2

范圍自定義元素注冊表尚不支持，但您可以使用前綴名稱，直到它被支持，例如，如果您的組件名稱是x-foo ，您可以將您的組件命名為 x x-foo-title 、 x-foo-image等jb-input開發人員中的示例使用這樣的子 Web 組件：

<jb-input>
    <jb-input-inbox-element slot="end-section">
        <div>after</div>
    </jb-input-inbox-element>
    <jb-input-inbox-element slot="start-section">
        <div>before</div>
    </jb-input-inbox-element>
</jb-input>