การย้าย Vue 2→3 & Nuxt 2→3
จาก Options API ไปยัง Composition API, จาก Vuex ไปยัง Pinia, จาก asyncData/fetch ไปยัง useFetch, breaking changes, กลยุทธ์การย้าย, การเลิกใช้ nuxtServerInit
1ความแตกต่างด้านสถาปัตยกรรมหลักระหว่าง Options API ของ Vue 2 และ Composition API ของ Vue 3 คืออะไร?
ความแตกต่างด้านสถาปัตยกรรมหลักระหว่าง Options API ของ Vue 2 และ Composition API ของ Vue 3 คืออะไร?
คำตอบ
Composition API จัดระเบียบโค้ดตามประเด็นเชิงตรรกะแทนที่จะตามประเภทของ option ทำให้สามารถจัดกลุ่มโค้ดที่เกี่ยวข้องไว้ด้วยกันได้ แนวทางนี้ช่วยเพิ่มความสามารถในการอ่านและการบำรุงรักษาของ component ที่ซับซ้อน ต่างจาก Options API ที่แยก data, methods และ computed properties ออกจากกัน นอกจากนี้ Composition API ยังช่วยให้นำตรรกะกลับมาใช้ใหม่ได้ง่ายขึ้นผ่าน composables ซึ่งเข้ามาแทนที่ mixins ที่อาจก่อให้เกิดความขัดแย้งของชื่อได้อย่างมีประสิทธิภาพ
2Nuxt 3 ได้นำการเปลี่ยนแปลงสำคัญใดมาใช้เกี่ยวกับ auto-imports เมื่อเทียบกับ Nuxt 2?
Nuxt 3 ได้นำการเปลี่ยนแปลงสำคัญใดมาใช้เกี่ยวกับ auto-imports เมื่อเทียบกับ Nuxt 2?
คำตอบ
Nuxt 3 เปิดใช้ auto-imports เป็นค่าเริ่มต้นสำหรับ composables, component และยูทิลิตีของ framework ทำให้ไม่จำเป็นต้อง import ด้วยตนเอง คุณสมบัตินี้ช่วยปรับปรุงประสบการณ์ของนักพัฒนาและลดโค้ด boilerplate Nuxt 2 ต้องการ import แบบชัดเจนสำหรับฟังก์ชันส่วนใหญ่ สามารถปิดใช้คุณสมบัตินี้ในการตั้งค่าได้หากจำเป็นด้วยเหตุผลในการควบคุมแบบชัดเจน
3ใน Vue 3 วิธีใดที่มาแทนที่ filters ของ Vue 2 ที่ถูกลบออกไป?
ใน Vue 3 วิธีใดที่มาแทนที่ filters ของ Vue 2 ที่ถูกลบออกไป?
คำตอบ
filters ถูกลบออกใน Vue 3 เนื่องจากสร้างไวยากรณ์เฉพาะที่เข้าใจได้ยากสำหรับนักพัฒนาใหม่และส่งผลกระทบต่อประสิทธิภาพ คำแนะนำอย่างเป็นทางการคือให้ใช้ computed properties หรือ methods สำหรับการแปลงข้อมูล computed properties มีข้อได้เปรียบเรื่องการ caching อัตโนมัติสำหรับการคำนวณที่ใช้ทรัพยากรมาก ในขณะที่ methods เหมาะสำหรับการแปลงแบบง่ายที่มีพารามิเตอร์
build tool เริ่มต้นใน Nuxt 3 ที่มาแทนที่ Webpack ของ Nuxt 2 คืออะไร?
ไวยากรณ์ v-model เปลี่ยนแปลงอย่างไรระหว่าง Vue 2 และ Vue 3 สำหรับ component ที่กำหนดเอง?
+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
TypeScript กับ Vue
การยืนยันตัวตน Nuxt
SEO ด้วย Nuxt
การทำ Internationalization ใน Nuxt
สถาปัตยกรรม Vue
ความปลอดภัยของ Nuxt
ระบบนิเวศ Vue
เชี่ยวชาญ Vue.js / Nuxt.js สำหรับการสัมภาษณ์ครั้งถัดไป
เข้าถึงคำถามทั้งหมด flashcards แบบทดสอบเทคนิค แบบฝึกหัด code review และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี