Nuxt3 中文课程《实战全栈开发简书》限时优惠

defineNuxtComponent

defineNuxtComponent()是一个辅助函数,用于使用Options API定义类型安全的Vue组件。
defineNuxtComponent()是一个辅助函数,用于使用类似于defineComponent()的Options API定义类型安全的Vue组件。defineNuxtComponent()包装器还支持asyncDatahead组件选项。
在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>

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

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