Composables ใน Vue
การสร้าง composables, ลอจิกที่นำกลับมาใช้ใหม่ได้, useState, useRoute, useRouter, รูปแบบ composables แบบกำหนดเอง
1Composable ใน Vue 3 และ Nuxt 3 คืออะไร?
Composable ใน Vue 3 และ Nuxt 3 คืออะไร?
คำตอบ
composable คือฟังก์ชันที่ห่อหุ้มลอจิกที่นำกลับมาใช้ใหม่ได้โดยใช้ Composition API ของ Vue composable ช่วยให้แชร์ state และ effect ระหว่าง component ได้โดยไม่ต้องพึ่ง mixin ตามธรรมเนียมแล้ว ชื่อของ composable จะขึ้นต้นด้วยคำนำหน้า use เสมอ ซึ่งทำให้ระบุได้ง่ายในโค้ด
2ข้อกำหนดการตั้งชื่อที่แนะนำสำหรับ composable คืออะไร?
ข้อกำหนดการตั้งชื่อที่แนะนำสำหรับ composable คืออะไร?
คำตอบ
composable ควรขึ้นต้นด้วยคำนำหน้า use เสมอ ตามด้วยชื่อที่สื่อความหมายในรูปแบบ camelCase ข้อกำหนดนี้ช่วยให้ระบุ composable ในโค้ดได้อย่างรวดเร็วและแยกแยะออกจากฟังก์ชันยูทิลิตี้ทั่วไป ตัวอย่างเช่น useCounter, useFetch หรือ useAuth เป็นชื่อที่เหมาะสมสำหรับ composable
3ควรวาง composable ไว้ที่ไหนในโปรเจกต์ Nuxt 3?
ควรวาง composable ไว้ที่ไหนในโปรเจกต์ Nuxt 3?
คำตอบ
composable ควรถูกวางไว้ในไดเรกทอรี composables ที่ root ของโปรเจกต์ Nuxt 3 จะ import ไฟล์ทั้งหมดจากไดเรกทอรีนี้โดยอัตโนมัติ ซึ่งทำให้สามารถใช้ composable ได้โดยไม่ต้อง import ด้วยตนเอง การ auto-import นี้ช่วยปรับปรุงประสบการณ์ของนักพัฒนาและลดโค้ด boilerplate
ข้อได้เปรียบหลักของ useState เมื่อเทียบกับ ref ใน Nuxt 3 คืออะไร?
จะเข้าถึงพารามิเตอร์ของ route ปัจจุบันใน composable ของ Nuxt ได้อย่างไร?
+17 คำถามสัมภาษณ์
หัวข้อสัมภาษณ์ 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
ฟอร์มและการตรวจสอบ 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 และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี