<NuxtErrorBoundary> · Nuxt Components

<NuxtErrorBoundary>在底层使用了Vue的onErrorCaptured钩子。

事件

@error: 当组件的默认插槽抛出错误时触发的事件。

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

插槽

#error: 在出现错误时指定备用内容进行显示。

  <template>
    <NuxtErrorBoundary>
      <!-- ... -->
      <template #error="{ error }">
        <p>发生错误：{{ error }}</p>
      </template>
    </NuxtErrorBoundary>
  </template>

Read more in Docs > Getting Started > Error Handling.

在页面导航之间显示一个进度条。

<NuxtWelcome>组件在使用起始模板创建的新项目中向用户致以问候。