Question 1

Composable ใน Vue 3 และ Nuxt 3 คืออะไร?

Accepted Answer

composable คือฟังก์ชันที่ห่อหุ้มลอจิกที่นำกลับมาใช้ใหม่ได้โดยใช้ Composition API ของ Vue composable ช่วยให้แชร์ state และ effect ระหว่าง component ได้โดยไม่ต้องพึ่ง mixin ตามธรรมเนียมแล้ว ชื่อของ composable จะขึ้นต้นด้วยคำนำหน้า use เสมอ ซึ่งทำให้ระบุได้ง่ายในโค้ด

Question 2

ข้อกำหนดการตั้งชื่อที่แนะนำสำหรับ composable คืออะไร?

Accepted Answer

composable ควรขึ้นต้นด้วยคำนำหน้า use เสมอ ตามด้วยชื่อที่สื่อความหมายในรูปแบบ camelCase ข้อกำหนดนี้ช่วยให้ระบุ composable ในโค้ดได้อย่างรวดเร็วและแยกแยะออกจากฟังก์ชันยูทิลิตี้ทั่วไป ตัวอย่างเช่น useCounter, useFetch หรือ useAuth เป็นชื่อที่เหมาะสมสำหรับ composable

Question 3

ควรวาง composable ไว้ที่ไหนในโปรเจกต์ Nuxt 3?

Accepted Answer

composable ควรถูกวางไว้ในไดเรกทอรี composables ที่ root ของโปรเจกต์ Nuxt 3 จะ import ไฟล์ทั้งหมดจากไดเรกทอรีนี้โดยอัตโนมัติ ซึ่งทำให้สามารถใช้ composable ได้โดยไม่ต้อง import ด้วยตนเอง การ auto-import นี้ช่วยปรับปรุงประสบการณ์ของนักพัฒนาและลดโค้ด boilerplate

Composables ใน Vue

Composable ใน Vue 3 และ Nuxt 3 คืออะไร?

คำตอบ

ข้อกำหนดการตั้งชื่อที่แนะนำสำหรับ composable คืออะไร?

คำตอบ

ควรวาง composable ไว้ที่ไหนในโปรเจกต์ Nuxt 3?

คำตอบ

ข้อได้เปรียบหลักของ useState เมื่อเทียบกับ ref ใน Nuxt 3 คืออะไร?

จะเข้าถึงพารามิเตอร์ของ route ปัจจุบันใน composable ของ Nuxt ได้อย่างไร?

หัวข้อสัมภาษณ์ Vue.js / Nuxt.js อื่นๆ

พื้นฐาน JavaScript

JavaScript สมัยใหม่ (ES6+)

พื้นฐาน Vue

คอมโพเนนต์ Vue

Vue Router

Pinia State Management

Vuex (Legacy)

Composition API

ระบบ Reactivity ของ Vue

พื้นฐาน Nuxt

การดึงข้อมูล (Data Fetching) ใน Nuxt

SSR และ SSG ใน Nuxt

Server Routes ของ Nuxt

โมดูล Nuxt

ฟอร์มและการตรวจสอบ 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 สำหรับการสัมภาษณ์ครั้งถัดไป