Vuex (Legacy)
Vuex 4 store, state, mutations, actions, getters, modules, namespacing, การย้ายไปยัง Pinia
1Vuex store คืออะไร?
Vuex store คืออะไร?
คำตอบ
Vuex store คือคอนเทนเนอร์แบบรวมศูนย์ที่จัดการ state ส่วนกลางของแอปพลิเคชัน Vue ช่วยให้แชร์ข้อมูลระหว่างหลายคอมโพเนนต์ได้โดยไม่ต้องส่ง props ด้วยตนเองผ่านโครงสร้างคอมโพเนนต์ store รับประกันว่า state จะถูกแก้ไขได้เฉพาะในรูปแบบที่คาดเดาได้ผ่าน mutations เท่านั้น ซึ่งช่วยให้การดีบักและการบำรุงรักษาแอปพลิเคชันที่ซับซ้อนง่ายขึ้น
2ความแตกต่างหลักระหว่าง mutations และ actions ใน Vuex คืออะไร?
ความแตกต่างหลักระหว่าง mutations และ actions ใน Vuex คืออะไร?
คำตอบ
mutations เป็นแบบ synchronous และรับผิดชอบในการแก้ไข state โดยตรง ส่วน actions เป็นแบบ asynchronous และสามารถมีตรรกะทางธุรกิจที่ซับซ้อนก่อนที่จะ commit mutations ได้ actions เหมาะอย่างยิ่งสำหรับการเรียก API, timer หรือการดำเนินการแบบ asynchronous ใด ๆ เพราะสามารถรอผลลัพธ์ก่อนแล้วจึงแก้ไข state ผ่าน mutations การแยกส่วนนี้รับประกันว่าการแก้ไข state ยังคงติดตามได้ใน Vue DevTools
3getters ใน Vuex store ใช้ทำอะไร?
getters ใน Vuex store ใช้ทำอะไร?
คำตอบ
getters ใน Vuex ทำงานเหมือน computed properties สำหรับ store ช่วยให้คำนวณค่าที่ได้มาจาก state ได้โดยไม่ต้องเขียนตรรกะซ้ำในหลายคอมโพเนนต์ getters จะถูกแคชและคำนวณใหม่เฉพาะเมื่อ dependencies เปลี่ยนแปลงเท่านั้น จึงให้ประสิทธิภาพที่ดี เหมาะอย่างยิ่งสำหรับการกรอง จัดเรียง หรือแปลงข้อมูล state ก่อนนำไปแสดงในคอมโพเนนต์
จะเข้าถึง state ของ Vuex จากคอมโพเนนต์ Vue ได้อย่างไร?
ทำไมจึงใช้ actions แทน mutations สำหรับการเรียก API ใน Vuex?
+12 คำถามสัมภาษณ์
หัวข้อสัมภาษณ์ Vue.js / Nuxt.js อื่นๆ
พื้นฐาน JavaScript
JavaScript สมัยใหม่ (ES6+)
พื้นฐาน Vue
คอมโพเนนต์ Vue
Vue Router
Pinia State Management
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 สำหรับการสัมภาษณ์ครั้งถัดไป
เข้าถึงคำถามทั้งหมด flashcards แบบทดสอบเทคนิค แบบฝึกหัด code review และตัวจำลองสัมภาษณ์
เริ่มใช้ฟรี