TypeScript กับ Vue
การรองรับ TypeScript ใน Vue 3, defineComponent, PropType, type inference, generic components, strict mode
1บทบาทหลักของ defineComponent ใน Vue 3 ที่ใช้ TypeScript คืออะไร?
บทบาทหลักของ defineComponent ใน Vue 3 ที่ใช้ TypeScript คืออะไร?
คำตอบ
defineComponent เปิดใช้งาน type inference ของ TypeScript สำหรับ options ของ component หากไม่มีฟังก์ชันนี้ บริบท this จะถูกมองเป็น any ใน Options API ซึ่งช่วยให้ props, data, computed และเมธอดถูกกำหนดชนิดอย่างถูกต้องโดยอัตโนมัติ
2ทำไมจึงควรใช้ PropType เมื่อประกาศ props ที่ซับซ้อนด้วย runtime declaration?
ทำไมจึงควรใช้ PropType เมื่อประกาศ props ที่ซับซ้อนด้วย runtime declaration?
คำตอบ
PropType เป็น utility type ของ Vue ที่ช่วยให้สามารถ cast ชนิดของ prop ระหว่างการประกาศแบบ runtime ได้ Object as PropType Book ทำให้มั่นใจว่า book ถูกกำหนดชนิดอย่างถูกต้องเป็น Book แทนที่จะเป็น Object ทั่วไป สิ่งนี้ช่วยปรับปรุงการเติมข้อความอัตโนมัติและความปลอดภัยของชนิดข้อมูลโดยไม่ต้องใช้ script setup ที่มี generic types
3ความแตกต่างระหว่าง script setup กับ script setup ที่มี lang='ts' ในแง่ของ type inference คืออะไร?
ความแตกต่างระหว่าง script setup กับ script setup ที่มี lang='ts' ในแง่ของ type inference คืออะไร?
คำตอบ
script setup ที่มี lang='ts' จะเปิดใช้งาน TypeScript และอนุญาตให้มี type inference อัตโนมัติโดยไม่ต้องใช้ defineComponent props ที่กำหนดด้วย defineProps จะถูกกำหนดชนิดโดยอัตโนมัติ refs มี inference ที่สมบูรณ์ และ error ของ TypeScript จะถูกตรวจพบในเวลาคอมไพล์ หากไม่มี lang='ts' จะไม่มีการตรวจสอบชนิดข้อมูลเลย
จะกำหนดชนิดให้กับ ref ที่อาจเป็น null ในตอนแรกใน TypeScript อย่างถูกต้องได้อย่างไร?
ข้อได้เปรียบหลักของ generic component ที่ใช้ script setup generic ใน Vue 3.3+ คืออะไร?
+19 คำถามสัมภาษณ์
หัวข้อสัมภาษณ์ 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
ฟอร์มและการตรวจสอบ Vue
การจัดการสถานะใน Nuxt
การทดสอบ Vue
การ Deploy Nuxt และ CI/CD
ประสิทธิภาพของ Vue
รูปแบบขั้นสูงของ Vue
การยืนยันตัวตน Nuxt
SEO ด้วย Nuxt
การทำ Internationalization ใน Nuxt
สถาปัตยกรรม Vue
ความปลอดภัยของ Nuxt
ระบบนิเวศ Vue
การย้าย Vue 2→3 & Nuxt 2→3
เชี่ยวชาญ Vue.js / Nuxt.js สำหรับการสัมภาษณ์ครั้งถัดไป
เข้าถึงคำถามทั้งหมด flashcards แบบทดสอบเทคนิค แบบฝึกหัด code review และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี