Vue.js / Nuxt.js

Pinia State Management

Pinia stores, state, actions, getters, การผสานกับ Composition API, การประกอบ store, setup stores

20 คำถามสัมภาษณ์·
Junior
1

Pinia store คืออะไร?

คำตอบ

Pinia store คือออบเจกต์ reactive แบบรวมศูนย์ที่ประกอบด้วย state, getters และ actions เพื่อจัดการสถานะของแอปพลิเคชัน ต่างจาก Vuex ตรงที่ Pinia ลดความซับซ้อนของไวยากรณ์โดยตัด mutations ออกและมีการรองรับ TypeScript แบบ native ในตัว Pinia store ช่วยให้แชร์ข้อมูลและตรรกะทางธุรกิจระหว่างหลายคอมโพเนนต์ได้อย่างเป็นระเบียบและดูแลรักษาง่าย

2

ควรใช้ฟังก์ชันใดในการสร้าง Pinia store?

คำตอบ

ฟังก์ชัน defineStore เป็นวิธีมาตรฐานในการสร้าง Pinia store โดยรับตัวระบุที่ไม่ซ้ำกันเป็นพารามิเตอร์ตัวแรก และรับออบเจกต์ options (option store) หรือฟังก์ชัน setup (setup store) เป็นพารามิเตอร์ตัวที่สอง ฟังก์ชันนี้จะคืนค่าเป็น composable ที่สามารถใช้ในคอมโพเนนต์เพื่อเข้าถึง store ได้

3

ใน Pinia store จะกำหนดข้อมูล state อย่างไร?

คำตอบ

ใน option store ของ Pinia นั้น state ถูกกำหนดเป็นฟังก์ชันที่คืนค่าออบเจกต์ซึ่งบรรจุข้อมูล reactive แนวทางเชิงฟังก์ชันนี้ช่วยให้แน่ใจว่า store แต่ละ instance มีสถานะของตัวเองที่แยกออกจากกัน state จะกลายเป็น reactive โดยอัตโนมัติด้วยระบบ reactivity ของ Vue ทำให้คอมโพเนนต์ตอบสนองต่อการเปลี่ยนแปลงของข้อมูลได้

4

actions ใน Pinia store คืออะไร?

5

getters ใน Pinia store คืออะไร?

+17 คำถามสัมภาษณ์

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

พื้นฐาน JavaScript

Junior
20 คำถาม

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

Junior
20 คำถาม

พื้นฐาน Vue

Junior
22 คำถาม

คอมโพเนนต์ Vue

Junior
20 คำถาม

Vue Router

Junior
18 คำถาม

Vuex (Legacy)

Mid-Level
15 คำถาม

Composition API

Mid-Level
24 คำถาม

ระบบ Reactivity ของ Vue

Mid-Level
20 คำถาม

พื้นฐาน Nuxt

Mid-Level
22 คำถาม

การดึงข้อมูล (Data Fetching) ใน Nuxt

Mid-Level
20 คำถาม

SSR และ SSG ใน Nuxt

Mid-Level
22 คำถาม

Server Routes ของ Nuxt

Mid-Level
20 คำถาม

โมดูล Nuxt

Mid-Level
18 คำถาม

Composables ใน Vue

Mid-Level
20 คำถาม

ฟอร์มและการตรวจสอบ Vue

Mid-Level
20 คำถาม

การจัดการสถานะใน Nuxt

Mid-Level
18 คำถาม

การทดสอบ Vue

Mid-Level
20 คำถาม

การ Deploy Nuxt และ CI/CD

Mid-Level
22 คำถาม

ประสิทธิภาพของ Vue

Senior
22 คำถาม

รูปแบบขั้นสูงของ Vue

Senior
24 คำถาม

TypeScript กับ Vue

Senior
22 คำถาม

การยืนยันตัวตน Nuxt

Senior
20 คำถาม

SEO ด้วย Nuxt

Senior
20 คำถาม

การทำ Internationalization ใน Nuxt

Senior
18 คำถาม

สถาปัตยกรรม Vue

Senior
22 คำถาม

ความปลอดภัยของ Nuxt

Senior
20 คำถาม

ระบบนิเวศ Vue

Senior
18 คำถาม

การย้าย Vue 2→3 & Nuxt 2→3

Senior
22 คำถาม

เชี่ยวชาญ Vue.js / Nuxt.js สำหรับการสัมภาษณ์ครั้งถัดไป

เข้าถึงคำถามทั้งหมด flashcards แบบทดสอบเทคนิค แบบฝึกหัด code review และตัวจำลองสัมภาษณ์

เริ่มใช้ฟรี