指南
可组合项
使用 useNuxtDevtools 可组合项打开或控制 Nuxt DevTools。
如果您可能想要在开发时打开或控制应用程序中的 Nuxt DevTools，则可以使用自动导入注册一个可组合项 useNuxtDevtools。
<script setup>
// Returns undefined in production mode or when the DevTools are not enabled
const devtoolsClient = useNuxtDevTools() // NuxtDevToolsHostClient | undefined
</script>
<template>
<button
v-if="devtoolsClient"
@click="devtoolsClient.devtools.navigate('/modules/components')"
>
<!-- Open the DevTools and navigate to the components tab -->
Open DevTools
</button>
</template>
当您禁用自动导入时，您也可以显式地导入它。
import { useNuxtDevTools } from '#imports'
查看其类型定义以了解更多可用方法。