错误边界 <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>