\n```\n\n**pageOptions (Nuxt 2):**\n```javascript\nexport default {\n pageOptions: {\n layout: \"custom\",\n middleware: [\"auth\"]\n }\n}\n```\n\n**Benefits of definePageMeta:**\n- Works with script setup.\n- Better TypeScript.\n- Compile-time optimized."}}]}

Vue.js: What is the difference between definePageMeta and page meta in Nuxt 2?

146

🟢Vue.js⚡ middle

What is the difference between definePageMeta and page meta in Nuxt 2?

definePageMeta — Composition API page meta. page meta — Options API.

definePageMeta (Nuxt 3):

vue

1<script setup>
2definePageMeta({
3    layout: "custom",
4    middleware: "auth",
5    ssr: true
6})
7</script>

pageOptions (Nuxt 2):

javascript

1export default {
2    pageOptions: {
3        layout: "custom",
4        middleware: ["auth"]
5    }
6}

Benefits of definePageMeta:

Works with script setup.
Better TypeScript.
Compile-time optimized.

Больше вопросов по Vue.js

What is the difference between useCookie and localStorage in Vue?What is the difference between Nuxt plugins and server plugins?

Назад к категории Vue.js