Question 1

Vue instance คืออะไร?

Accepted Answer

Vue instance คือออบเจ็กต์ที่สร้างขึ้นโดยการเรียก createApp() ซึ่งแทนตัวแอปพลิเคชัน ออบเจ็กต์รากนี้ประกอบด้วยข้อมูลแบบ reactive เมธอด และตัวเลือกการตั้งค่าทั้งหมด ทำหน้าที่เป็นจุดเริ่มต้นในการ mount แอปพลิเคชันเข้ากับองค์ประกอบ DOM และเริ่มต้นระบบ reactivity ของ Vue

Question 2

directive v-bind มีไว้เพื่ออะไร?

Accepted Answer

directive v-bind ช่วยให้สามารถผูก (bind) แอตทริบิวต์ HTML เข้ากับนิพจน์ JavaScript แบบไดนามิกได้ มันจะประเมินค่านิพจน์และอัปเดตแอตทริบิวต์โดยอัตโนมัติเมื่อข้อมูลเปลี่ยนแปลง directive นี้สำคัญต่อการสร้างอินเทอร์เฟซแบบ reactive ที่แอตทริบิวต์อย่าง src, href, class หรือ disabled ต้องสะท้อนสถานะของแอปพลิเคชัน

Question 3

ไวยากรณ์แบบย่อของ v-bind:href คืออะไร?

Accepted Answer

ไวยากรณ์แบบย่อใช้เพียงเครื่องหมายทวิภาคตามด้วยชื่อแอตทริบิวต์ สัญกรณ์แบบย่อนี้พบได้บ่อยมากในโปรเจกต์ Vue เพราะช่วยให้โค้ดอ่านง่ายขึ้นโดยยังคงฟังก์ชันการทำงานเหมือนเดิมทุกประการ และใช้ได้กับแอตทริบิวต์ HTML และแอตทริบิวต์ที่กำหนดเองทั้งหมด

พื้นฐาน Vue

Vue instance คืออะไร?

คำตอบ

directive v-bind มีไว้เพื่ออะไร?

คำตอบ

ไวยากรณ์แบบย่อของ v-bind:href คืออะไร?

คำตอบ

directive v-on มีไว้เพื่ออะไร?

ไวยากรณ์แบบย่อของ v-on:click คืออะไร?

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

พื้นฐาน JavaScript

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

คอมโพเนนต์ 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

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