พื้นฐาน Nuxt
โครงสร้าง Nuxt, ไดเรกทอรี pages, การกำหนดเส้นทางอัตโนมัติ, layouts, app.vue, ไดเรกทอรี server, nuxt.config
1โครงสร้างขั้นต่ำที่จำเป็นสำหรับแอปพลิเคชัน Nuxt 3 คืออะไร?
โครงสร้างขั้นต่ำที่จำเป็นสำหรับแอปพลิเคชัน Nuxt 3 คืออะไร?
คำตอบ
แอปพลิเคชัน Nuxt 3 ต้องการเพียงไฟล์ app.vue หรือไดเรกทอรี pages/ ที่ root ของโปรเจกต์ หากมี app.vue โดยไม่มีโฟลเดอร์ pages/ Nuxt จะสร้างแอปพลิเคชันที่ไม่มี Vue Router หากมี pages/ Nuxt จะเปิดใช้งาน file-based routing โดยอัตโนมัติ และต้องมี <NuxtPage /> ใน app.vue เพื่อแสดงเส้นทาง
2การกำหนดเส้นทางอัตโนมัติในไดเรกทอรี pages/ ทำงานอย่างไร?
การกำหนดเส้นทางอัตโนมัติในไดเรกทอรี pages/ ทำงานอย่างไร?
คำตอบ
ไดเรกทอรี pages/ ของ Nuxt ใช้ file-based routing โดยแต่ละไฟล์ .vue จะสร้าง route ที่สอดคล้องกันโดยอัตโนมัติ ตัวอย่างเช่น pages/index.vue กลายเป็น route '/', pages/about.vue กลายเป็น '/about' และ pages/blog/[id].vue สร้าง route แบบไดนามิก '/blog/:id' แนวทางนี้ช่วยขจัดการกำหนดค่า router ด้วยตนเอง
3บทบาทของคอมโพเนนต์ <NuxtPage /> ใน app.vue คืออะไร?
บทบาทของคอมโพเนนต์ <NuxtPage /> ใน app.vue คืออะไร?
คำตอบ
คอมโพเนนต์ <NuxtPage /> เป็น outlet ที่แสดงเนื้อหาของหน้าที่กำลังทำงานตาม route ปัจจุบัน เป็นสิ่งจำเป็นใน app.vue เมื่อมีไดเรกทอรี pages/ หากไม่มี <NuxtPage /> route จะไม่ถูกแสดง เทียบเท่ากับ <router-view /> ใน Vue Router มาตรฐานแต่ปรับให้เหมาะกับ Nuxt
จะใช้ layout เฉพาะกับหน้าหนึ่งใน Nuxt 3 ได้อย่างไร?
ความแตกต่างระหว่างการใช้ <NuxtLayout> ใน app.vue และการไม่ใช้คืออะไร?
+19 คำถามสัมภาษณ์
หัวข้อสัมภาษณ์ Vue.js / Nuxt.js อื่นๆ
พื้นฐาน JavaScript
JavaScript สมัยใหม่ (ES6+)
พื้นฐาน Vue
คอมโพเนนต์ Vue
Vue Router
Pinia State Management
Vuex (Legacy)
Composition API
ระบบ Reactivity ของ Vue
การดึงข้อมูล (Data Fetching) ใน Nuxt
SSR และ SSG ใน Nuxt
Server Routes ของ Nuxt
โมดูล Nuxt
Composables ใน Vue
ฟอร์มและการตรวจสอบ Vue
การจัดการสถานะใน Nuxt
การทดสอบ Vue
การ Deploy Nuxt และ CI/CD
ประสิทธิภาพของ Vue
รูปแบบขั้นสูงของ Vue
TypeScript กับ Vue
การยืนยันตัวตน Nuxt
SEO ด้วย Nuxt
การทำ Internationalization ใน Nuxt
สถาปัตยกรรม Vue
ความปลอดภัยของ Nuxt
ระบบนิเวศ Vue
การย้าย Vue 2→3 & Nuxt 2→3
เชี่ยวชาญ Vue.js / Nuxt.js สำหรับการสัมภาษณ์ครั้งถัดไป
เข้าถึงคำถามทั้งหมด flashcards แบบทดสอบเทคนิค แบบฝึกหัด code review และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี