mirror of
https://gitee.com/WeBank/fes.js.git
synced 2024-12-05 05:08:09 +08:00
1.3 KiB
1.3 KiB
内置组件
ClientOnly
- 使用:
<ClientOnly>
<NonSsrFriendlyComponent />
</ClientOnly>
-
详情:
该组件和它的子元素只会在客户端被渲染。也就是说,它不会在构建 (SSR) 过程中被渲染到 HTML 内。
如果一个组件在
setup()
中直接使用 浏览器 / DOM API ,它会导致构建过程报错,因为这些 API 在 Node.js 的环境中是无法使用的。在这种情况下,你可以选择一种方式:- 修改这个组件,只在
onBeforeMount()
或onMounted()
Hook 中使用 浏览器 / DOM API 。 - 使用
<ClientOnly>
包裹这个组件。
- 修改这个组件,只在
Content
-
Props:
- pagePath
- 类型:
string
- 是否必须:
false
- 类型:
- pagePath
-
使用:
<Content page-path="/" />
<Content page-path="/foo.html" />
-
详情:
该组件会渲染页面的 Markdown 内容。
如果没有传入
pagePath
Prop ,它会渲染当前路由路径下的页面。该组件主要是为了开发主题时使用。在绝大多数情况下你不会用到它。
OutboundLink
- 使用:
<OutboundLink />
-
详情:
该组件会渲染一个标识外部 URL 链接的图标。
该组件主要是为了开发主题时使用。在绝大多数情况下你不会用到它。