Nuxt.js 是一個基于 Vue.js 的服務端渲染應用框架。它可以幫助我們快速搭建 SSR 應用，并提供了諸多開箱即用的功能和插件。

在 Nuxt.js 2.14 發布后，官方正式支持 Vue.js 3，并加入了對 Composition API 的支持。在使用 Nuxt.js 的同時，我們也可以享受到 Vue.js 3 帶來的優秀的性能和更加便捷的開發方式。

// 安裝 nuxt
npm install nuxt
// 創建一個新項目
npx create-nuxt-app my-project
// 安裝 Vue.js 3 和 Composition API 相關的依賴
npm install vue@next @vue/composition-api

與 Vue.js 2.x 相比，Vue.js 3 的最大特點是引入了 Composition API。它提供了一種新的 API 風格，可以更加靈活和可復用地組織組件的邏輯。我們可以在 Nuxt.js 項目中通過安裝 "@nuxtjs/composition-api" 插件來使用 Composition API。

// 安裝 "@nuxtjs/composition-api" 插件
npm install @nuxtjs/composition-api

在設置項中添加 "@nuxtjs/composition-api" 插件即可開始使用。下面是一個示例：

// nuxt.config.js
export default {
// ...
buildModules: [
"@nuxtjs/composition-api/module",
],
};

在組件中，我們可以使用 "defineComponent" 函數來定義一個 Composition API 風格的組件。具體示例如下：

// Foo.vue
<template><div>{{ count }}