在哪里为自定义元素设置DOM？

Question

我是Web组件的新手，我已经注意到一些示例在自定义元素的构造函数中设置了dom，而其他示例在connectedCallback中进行了设置。两者似乎都可以正常工作（尽管我只尝试过Chrome），但我认为主要区别在于用户在js中创建元素并将其未附加到页面上的情况？

我想这里的主要问题是，我是否还缺少其他一些理由而不是另一种偏好一种方法。

谢谢。

Answer 1

在constructor中，可以安全使用

• 创建影子根;
• 创建并附加元素;
• create属性。

在constructor中，不允许您使用

• 读取您尚未创建的任何属性，因为在非升级情况下可能不存在这些属性。