Vue.js / Nuxt.js

Pinia State Management

Pinia stores, state, actions, getters, інтеграція з Composition API, композиція store, setup stores

20 питань зі співбесід·
Junior
1

Що таке Pinia store?

Відповідь

Pinia store — це централізований реактивний об'єкт, що містить state, getters та actions для керування станом застосунку. На відміну від Vuex, Pinia спрощує синтаксис, прибираючи mutations, і пропонує нативну підтримку TypeScript. Pinia store дають змогу спільно використовувати дані й бізнес-логіку між кількома компонентами в організований і легкий для підтримки спосіб.

2

Яку функцію слід використовувати для створення Pinia store?

Відповідь

Функція defineStore — стандартний спосіб створення Pinia store. Вона приймає унікальний ідентифікатор як перший параметр і, як другий параметр, об'єкт опцій (option store) або функцію setup (setup store). Ця функція повертає composable, який можна використовувати в компонентах для доступу до store.

3

Як у Pinia store визначити дані state?

Відповідь

В option store Pinia state визначається як функція, що повертає об'єкт із реактивними даними. Такий функціональний підхід гарантує, що кожен екземпляр store отримує власний ізольований стан. State автоматично стає реактивним завдяки системі реактивності 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 запитань

Реактивність Vue

Mid-Level
20 запитань

Основи Nuxt

Mid-Level
22 запитань

Отримання даних у Nuxt

Mid-Level
20 запитань

SSR і SSG у Nuxt

Mid-Level
22 запитань

Серверні маршрути 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 запитань

Розгортання Nuxt та CI/CD

Mid-Level
22 запитань

Продуктивність Vue

Senior
22 запитань

Просунуті патерни Vue

Senior
24 запитань

TypeScript із Vue

Senior
22 запитань

Автентифікація Nuxt

Senior
20 запитань

SEO з Nuxt

Senior
20 запитань

Інтернаціоналізація 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 та симуляторів співбесід.

Почни безкоштовно