Vue.js: What is the difference between Nuxt 2 and Nuxt 3?

Nuxt 3 — Vue 3, Nitro, faster. Nuxt 2 — Vue 2, webpack.

Nuxt 3:

• Vue 3 + Composition API.
• Nitro server engine.
• Vite by default.
• Smaller bundle.

Nuxt 2:

• Vue 2 + Options API.
• webpack.
• Larger bundle.
• Older API.

1// Nuxt 3 - composables
2const { data } = await useFetch("/api/posts")
3
4// Nuxt 2 - asyncData
5async asyncData({ $axios }) {
6    const posts = await $axios.$get("/api/posts")
7    return { posts }
8}

Migration:

• Use @nuxt/bridge for gradual migration.