mirror of
https://github.com/nuxt/nuxt.git
synced 2024-12-05 03:47:12 +00:00
1.3 KiB
1.3 KiB
title | description | links | |||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
<DevOnly> | Render components only during development with the <DevOnly> component. |
|
Nuxt provides the <DevOnly>
component to render a component only during development.
The content will not be included in production builds.
<template>
<div>
<Sidebar />
<DevOnly>
<!-- this component will only be rendered during development -->
<LazyDebugBar />
<!-- if you ever require to have a replacement during production -->
<!-- be sure to test these using `nuxt preview` -->
<template #fallback>
<div><!-- empty div for flex.justify-between --></div>
</template>
</DevOnly>
</div>
</template>
Slots
#fallback
: if you ever require to have a replacement during production.
<template>
<div>
<Sidebar />
<DevOnly>
<!-- this component will only be rendered during development -->
<LazyDebugBar />
<!-- be sure to test these using `nuxt preview` -->
<template #fallback>
<div><!-- empty div for flex.justify-between --></div>
</template>
</DevOnly>
</div>
</template>