<DevOnly>
使用 <DevOnly> 组件仅在开发期间渲染组件。
Nuxt 提供 <DevOnly> 组件以仅在开发期间渲染组件。
内容不会包含在生产构建中。
app/pages/example.vue
<template>
<div>
<Sidebar />
<DevOnly>
<!-- 此组件将仅在开发期间渲染 -->
<LazyDebugBar />
<!-- 如果您需要生产环境的替代方案 -->
<!-- 请务必使用 `nuxt preview` 进行测试 -->
<template #fallback>
<div><!-- 空的 div 用于 flex.justify-between --></div>
</template>
</DevOnly>
</div>
</template>
Slots
#fallback: 如果您需要生产环境的替代方案。
<template>
<div>
<Sidebar />
<DevOnly>
<!-- 此组件将仅在开发期间渲染 -->
<LazyDebugBar />
<!-- 请务必使用 `nuxt preview` 进行测试 -->
<template #fallback>
<div><!-- 空的 div 用于 flex.justify-between --></div>
</template>
</DevOnly>
</div>
</template>