---
title: "Teleport"
description: "此示例展示了如何在客户端渲染和服务器端渲染中使用 <Teleport>。"
canonical_url: "https://nuxt.zhcndoc.com/docs/examples/advanced/teleport"
---
# Teleport

> 此示例展示了如何在客户端渲染和服务器端渲染中使用 \<Teleport>。

::code-explorer{path="examples/advanced/teleport" default-value="app.vue"}
::

::browser{src="https://teleport.example.nuxt.space"}
::

Vue 3 提供了 [`<Teleport>` 组件](https://vuejs.org/guide/built-ins/teleport.html)，它允许内容在 DOM 中的其他位置渲染，位于 Vue 应用之外。

此示例展示了如何在客户端渲染和服务器端渲染中使用 `<Teleport>`。

::read-more{to="https://nuxt.zhcndoc.com/docs/api/components/teleports"}
::

---

- [Source](https://github.com/nuxt/examples/tree/main/examples/advanced/teleport)


## Sitemap

See the full [sitemap](https://nuxt.zhcndoc.com/sitemap.md) for all pages.