customelements.define 必须在 html 解析前执行，否则已创建的未知标签不会升级；connectedcallback 每次插入 dom 都触发，需用私有标记防重复初始化；attributechangedcallback 不响应初始属性，须在 connectedcallback 中手动读取；shadow dom 必须在 constructor 中 attachshadow，内容填充放 connectedcallback 或微任务中。

customElements.define 必须在 HTML 解析前执行，否则标签不会升级

浏览器解析 HTML 时，遇到未知标签（如 <user-card></user-card>）会直接当作 HTMLUnknownElement 创建，之后即使调用 customElements.define('user-card', UserCard)，该已存在的节点也不会自动“升级”为自定义元素——connectedCallback 永远不会触发。

万知

万知是一款由零一万物推出的一站式 AI 文档阅读、写作和 PPT 创作工作台。

下载

常见错误场景包括：脚本放在

前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！