Question

NuxtErrorBoundary 组件处理在其默认插槽中发生的客户端错误。

NuxtErrorBoundary

它是指在Nuxt应用中用于处理JavaScript错误的组件或技术。当应用中的JavaScript错误未被处理时，错误将被传递到错误边界组件，从而避免了应用崩溃或无法正常运行的情况。 <NuxtErrorBoundary> 组件使用 Vue 的 onErrorCaptured 挂钩处理在其默认插槽中发生的客户端错误。

Events

• @error：当组件的默认插槽抛出错误时发出的事件。vue

  <template>
    <NuxtErrorBoundary @error="logSomeError">
      <!-- ... -->
    </NuxtErrorBoundary>
  </template>

Slots

• #error：指定在出现错误时显示的回退内容。vue

    <template>
      <NuxtErrorBoundary>
        <!-- ... -->
        <template #error="{ error }">
          <p>An error occurred: {{ error }}</p>
        </template>
      </NuxtErrorBoundary>
    </template>

相关阅读：getting-started > error-handling