Question 1

v-model ใน Vue คืออะไร?

Accepted Answer

v-model สร้าง two-way binding ระหว่างองค์ประกอบฟอร์มกับข้อมูลแบบ reactive โดยจะซิงค์ค่าของ input กับตัวแปรที่เกี่ยวข้องโดยอัตโนมัติ ทำให้ไม่ต้องเขียน binding ค่าและ event listener ด้วยตนเอง directive นี้เป็นวิธีมาตรฐานในการจัดการฟอร์มใน Vue

Question 2

อะไรคือสิ่งที่เทียบเท่ากับ v-model เมื่อใช้ v-bind และ event listener?

Accepted Answer

v-model เป็น syntactic sugar สำหรับการรวมกันของ v-bind:value (หรือ :value) ที่ผูกค่าและ @input ที่คอยฟังการเปลี่ยนแปลง การรวมกันนี้ช่วยให้เข้าใจการทำงานภายในของ v-model และมีประโยชน์เมื่อต้องการควบคุมการอัปเดตได้ละเอียดมากขึ้น

Question 3

ควรใช้ modifier ของ v-model ตัวใดเพื่อซิงโครไนซ์ค่าเฉพาะหลังจากที่ผู้ใช้ออกจากฟิลด์?

Accepted Answer

modifier .lazy เปลี่ยนพฤติกรรมของ v-model ให้คอยฟังเหตุการณ์ change แทน input การซิงโครไนซ์จะเกิดขึ้นเมื่อ blur แทนที่จะเป็นทุกครั้งที่กดปุ่ม ซึ่งมีประโยชน์ในการลดการอัปเดตที่บ่อยและปรับปรุงประสิทธิภาพในฟิลด์ที่มีการตรวจสอบที่ใช้ทรัพยากรมาก

ฟอร์มและการตรวจสอบ Vue

v-model ใน Vue คืออะไร?

คำตอบ

อะไรคือสิ่งที่เทียบเท่ากับ v-model เมื่อใช้ v-bind และ event listener?

คำตอบ

ควรใช้ modifier ของ v-model ตัวใดเพื่อซิงโครไนซ์ค่าเฉพาะหลังจากที่ผู้ใช้ออกจากฟิลด์?

คำตอบ

modifier ของ v-model ตัวใดที่แปลงอินพุตเป็นตัวเลขโดยอัตโนมัติ?

v-model ทำงานอย่างไรกับ checkbox เดี่ยว?

หัวข้อสัมภาษณ์ 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

Composables ใน 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 สำหรับการสัมภาษณ์ครั้งถัดไป