Vue.js / Nuxt.js

Nuxt Temelleri

Nuxt yapısı, pages dizini, otomatik yönlendirme, layouts, app.vue, server dizini, nuxt.config

22 mülakat soruları·
Mid-Level
1

Bir Nuxt 3 uygulaması için gereken minimum yapı nedir?

Cevap

Bir Nuxt 3 uygulaması, proje kök dizininde yalnızca bir app.vue dosyası veya bir pages/ dizini gerektirir. app.vue, pages/ klasörü olmadan mevcutsa Nuxt, Vue Router olmayan bir uygulama oluşturur. pages/ mevcutsa Nuxt, file-based routing'i otomatik olarak etkinleştirir ve rotaları görüntülemek için app.vue içinde <NuxtPage /> gerektirir.

2

pages/ dizininde otomatik yönlendirme nasıl çalışır?

Cevap

Nuxt'un pages/ dizini file-based routing kullanır: her .vue dosyası otomatik olarak karşılık gelen bir rota oluşturur. Örneğin, pages/index.vue '/' rotası olur, pages/about.vue '/about' olur ve pages/blog/[id].vue dinamik bir rota '/blog/:id' oluşturur. Bu yaklaşım, manuel router yapılandırmasını ortadan kaldırır.

3

app.vue içindeki <NuxtPage /> bileşeninin rolü nedir?

Cevap

<NuxtPage /> bileşeni, geçerli rotaya göre aktif sayfa içeriğini görüntüleyen bir outlet'tir. pages/ dizini mevcut olduğunda app.vue içinde zorunludur. <NuxtPage /> olmadan rotalar görüntülenmez. Standart Vue Router'daki <router-view />'in eşdeğeridir ancak Nuxt için uyarlanmıştır.

4

Nuxt 3'te bir sayfaya belirli bir layout nasıl uygulanır?

5

app.vue içinde <NuxtLayout> kullanmak ile kullanmamak arasındaki fark nedir?

+19 mülakat soruları

Bir sonraki mülakatın için Vue.js / Nuxt.js'de uzmanlaş

Tüm sorulara, flashcards'a, teknik testlere, code review alıştırmalarına ve mülakat simülatörlerine eriş.

Ücretsiz başla