defineNuxtComponent · Nuxt Utils

defineNuxtComponent()是一个辅助函数，用于使用类似于defineComponent()的Options API定义类型安全的Vue组件。defineNuxtComponent()包装器还支持asyncData和head组件选项。

在Nuxt 3中，使用<script setup lang="ts">声明Vue组件是推荐的方式。

Read more in Docs > Getting Started > Data Fetching.

`asyncData()`

如果你选择不在你的应用中使用setup()，你可以在组件定义中使用asyncData()方法：

pages/index.vue

<script lang="ts">
export default defineNuxtComponent({
  async asyncData() {
    return {
      data: {
        greetings: '你好，世界！'
      }
    }
  },
})
</script>

`head()`

如果你选择不在你的应用中使用setup()，你可以在组件定义中使用head()方法：

pages/index.vue

<script lang="ts">
export default defineNuxtComponent({
  head(nuxtApp) {
    return {
      title: '我的网站'
    }
  },
})
</script>

createError

使用附加元数据创建一个错误对象

defineNuxtRouteMiddleware

使用defineNuxtRouteMiddleware辅助函数来创建具名的路由中间件。