ssr 输出的自定义标签需在 html 解析前注册或显式升级，否则生成 htmlunknownelement；attributechangedcallback 不触发 ssr 初始属性，须在 connectedcallback 中读取；shadow dom 内容应于 connectedcallback 或 queuemicrotask 中填充。

服务端渲染（SSR）输出的 HTML 中直接使用 <user-card></user-card> 这类自定义标签，浏览器不会自动升级——除非你提前注册、手动升级或规避解析时机问题。这不是“能不能用”的问题，而是“怎么让 SSR 输出的 HTML 在客户端正确激活”的问题。

html-deploy

使用 htmlcode.fun 将 HTML 内容或文件部署到网页，适用于用户要求“部署到网页”“托管此 HTML”“生成此前端...的实时链接”等场景。

下载

customElements.define 必须在 HTML 解析前执行

浏览器解析 HTML 时，遇到未注册的 <user-card></user-card> 会创建 HTMLUnknownElement，之后调用 customElements.define() 不会 retroactively 升级已有节点。

• 错误做法：<script src="components.js"></script> 放在

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