Vue Router
Routes, การนำทาง, router-link, dynamic routes, route params, query parameters, navigation guards
1Vue Router คืออะไร?
Vue Router คืออะไร?
คำตอบ
Vue Router คือไลบรารี routing อย่างเป็นทางการสำหรับ Vue.js ช่วยให้สร้างแอปพลิเคชันแบบ single-page ที่นำทางระหว่างมุมมองต่าง ๆ ได้โดยไม่ต้องโหลดหน้าใหม่ Vue Router จัดการประวัติของเบราว์เซอร์และพารามิเตอร์ URL อีกทั้งยังมีฟีเจอร์ขั้นสูงเช่น navigation guards เพื่อควบคุมการเข้าถึง route
2ข้อดีหลักของการใช้ router-link แทนแท็ก <a> คืออะไร?
ข้อดีหลักของการใช้ router-link แทนแท็ก <a> คืออะไร?
คำตอบ
คอมโพเนนต์ router-link ป้องกันการโหลดหน้าใหม่ทั้งหน้าระหว่างการนำทาง ซึ่งต่างจากแท็ก <a> มาตรฐาน โดยมันจะดักจับการคลิกเพื่อทำการนำทางฝั่งไคลเอนต์โดยใช้ History API ของเบราว์เซอร์ สิ่งนี้ช่วยรักษาสถานะของแอปพลิเคชันไว้และมอบประสบการณ์การใช้งานที่ราบรื่นโดยไม่มีความล่าช้าในการโหลด
3จะกำหนด route แบบง่ายใน Vue Router ได้อย่างไร?
จะกำหนด route แบบง่ายใน Vue Router ได้อย่างไร?
คำตอบ
route แบบง่ายถูกกำหนดโดยการสร้างออบเจ็กต์ที่มีพรอเพอร์ตี path และ component ภายในอาร์เรย์ routes โดย path ระบุ URL (เช่น /about) และ component ระบุคอมโพเนนต์ Vue ที่จะแสดง การตั้งค่าขั้นต่ำนี้ก็เพียงพอที่จะสร้างการนำทางที่ใช้งานได้ในแอปพลิเคชัน
คอมโพเนนต์ router-view มีจุดประสงค์อะไร?
พร็อพเพอร์ตี้ใดของ router-link ที่ใช้ระบุปลายทาง?
+15 คำถามสัมภาษณ์
หัวข้อสัมภาษณ์ 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 สำหรับการสัมภาษณ์ครั้งถัดไป
เข้าถึงคำถามทั้งหมด flashcards แบบทดสอบเทคนิค แบบฝึกหัด code review และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี