服务器端渲染

Radix Primitives 可以在服务器上渲染。

概述

服务器端渲染或 SSR，是一种用于在服务器上将组件渲染为 HTML 的技术，而不是仅在客户端上渲染它们。

静态渲染是另一种类似的方法。相反，它在构建时而不是在每次请求时将页面预渲染为 HTML。

您应该能够使用所有基本元素来实现两种方法，例如使用 Nuxt.js.

Nuxt 水合问题 (Vue < 3.5)

Radix Vue 提供了一个 Nuxt 模块，支持自动导入组件。但是，如果您使用的是 Vue < 3.5，可能会出现轻微的水合问题，因为从 vue <= 3.4 开始，目前没有办法确保客户端和服务器渲染之间一致的 DOM 元素 id。这是 Radix Vue 所依赖的。

作为临时解决方法，我们公开了一种方法，允许 Nuxt（版本 > 3.10）将它的 useId 实现注入 radix-vue。

要提供自定义 useId 实现，请遵循此 指南.