通过 100+ 个技巧学习 Nuxt!

defineNuxtComponent

defineNuxtComponent() 是一个用于定义具有 Options API 的类型安全组件的辅助函数。
defineNuxtComponent() 是一个辅助函数,用于使用类似于 defineComponent() 的选项 API 定义类型安全的 Vue 组件。defineNuxtComponent() 包装器还增加了对 asyncDatahead 组件选项的支持。
在 Nuxt 3 中,推荐使用 <script setup lang="ts"> 来声明 Vue 组件。
文档 > 入门 > 数据获取 中阅读更多信息。

asyncData()

如果您选择不在应用中使用 setup(),则可以在组件定义中使用 asyncData() 方法

pages/index.vue
<script lang="ts">
export default defineNuxtComponent({
  async asyncData() {
    return {
      data: {
        greetings: 'hello world!'
      }
    }
  },
})
</script>

如果您选择不在应用中使用 setup(),则可以在组件定义中使用 head() 方法

pages/index.vue
<script lang="ts">
export default defineNuxtComponent({
  head(nuxtApp) {
    return {
      title: 'My site'
    }
  },
})
</script>