Question 1

Vue Router คืออะไร?

Accepted Answer

Vue Router คือไลบรารี routing อย่างเป็นทางการสำหรับ Vue.js ช่วยให้สร้างแอปพลิเคชันแบบ single-page ที่นำทางระหว่างมุมมองต่าง ๆ ได้โดยไม่ต้องโหลดหน้าใหม่ Vue Router จัดการประวัติของเบราว์เซอร์และพารามิเตอร์ URL อีกทั้งยังมีฟีเจอร์ขั้นสูงเช่น navigation guards เพื่อควบคุมการเข้าถึง route

Question 2

ข้อดีหลักของการใช้ router-link แทนแท็ก <a> คืออะไร?

Accepted Answer

คอมโพเนนต์ router-link ป้องกันการโหลดหน้าใหม่ทั้งหน้าระหว่างการนำทาง ซึ่งต่างจากแท็ก <a> มาตรฐาน โดยมันจะดักจับการคลิกเพื่อทำการนำทางฝั่งไคลเอนต์โดยใช้ History API ของเบราว์เซอร์ สิ่งนี้ช่วยรักษาสถานะของแอปพลิเคชันไว้และมอบประสบการณ์การใช้งานที่ราบรื่นโดยไม่มีความล่าช้าในการโหลด

Question 3

จะกำหนด route แบบง่ายใน Vue Router ได้อย่างไร?

Accepted Answer

route แบบง่ายถูกกำหนดโดยการสร้างออบเจ็กต์ที่มีพรอเพอร์ตี path และ component ภายในอาร์เรย์ routes โดย path ระบุ URL (เช่น /about) และ component ระบุคอมโพเนนต์ Vue ที่จะแสดง การตั้งค่าขั้นต่ำนี้ก็เพียงพอที่จะสร้างการนำทางที่ใช้งานได้ในแอปพลิเคชัน

Vue Router

Vue Router คืออะไร?

คำตอบ

ข้อดีหลักของการใช้ router-link แทนแท็ก <a> คืออะไร?

คำตอบ

จะกำหนด route แบบง่ายใน Vue Router ได้อย่างไร?

คำตอบ

คอมโพเนนต์ router-view มีจุดประสงค์อะไร?

พร็อพเพอร์ตี้ใดของ router-link ที่ใช้ระบุปลายทาง?

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

พื้นฐาน JavaScript

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

พื้นฐาน Vue

คอมโพเนนต์ Vue

Pinia State Management

Vuex (Legacy)

Composition API

ระบบ Reactivity ของ Vue

พื้นฐาน Nuxt

การดึงข้อมูล (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 สำหรับการสัมภาษณ์ครั้งถัดไป