4.16-《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》渲染模式

《手把手教您使用Nuxt3框架(Nuxt3中文开发教程)》全文电子档将分章节陆续在“nuxt”微信订阅号原创发布，敬请关注。如果您等不及，急切提前阅读和实操，可以在订阅号中有偿获取完整电子教程和后续持续更新版本。
本教程配套示例在线预览网址：https://www.dvtop.cn

渲染是js组件转换为HTML元素，浏览器和服务端都可以解释JavaScript代码来渲染Vue。Nuxt3支持客户端和通用渲染。

用户访问或刷新网站时，此时Nuxt3服务端渲染整个网站（含api cache数据）和刷新当前面api数据返回给用户浏览，如果后期在访问某个页面时，需要请求后台数据都是属于客户端在请求和渲染，HTML代码不会改变。

process.client和process.server是静态变量，在服务端渲染时process.server一直为true，打包返回给客户端后process.client一直为true，可以明确代码段在那端执行。使用这个判断时，如果涉及当前访问或刷新页面两端在页面展示的数据不一致，会出现Hydration node mismatch之类的异常，需注意处理。