Question 1

O que é um store do Pinia?

Accepted Answer

Um store do Pinia é um objeto reativo centralizado que contém o state, os getters e as actions para gerenciar o estado da aplicação. Ao contrário do Vuex, o Pinia simplifica a sintaxe eliminando as mutations e oferece suporte nativo a TypeScript. Os stores do Pinia permitem compartilhar dados e lógica de negócio entre vários componentes de forma organizada e fácil de manter.

Question 2

Qual função deve ser usada para criar um store do Pinia?

Accepted Answer

A função defineStore é o método padrão para criar um store do Pinia. Ela aceita um identificador único como primeiro parâmetro e, como segundo parâmetro, um objeto de opções (option store) ou uma função setup (setup store). Essa função retorna um composable que pode ser usado nos componentes para acessar o store.

Question 3

Em um store do Pinia, como definir os dados de estado?

Accepted Answer

Em um option store do Pinia, o state é definido como uma função que retorna um objeto contendo os dados reativos. Essa abordagem funcional garante que cada instância do store tenha seu próprio estado isolado. O state se torna reativo automaticamente graças ao sistema de reatividade do Vue, permitindo que os componentes reajam às mudanças de dados.

Pinia State Management

O que é um store do Pinia?

Resposta

Qual função deve ser usada para criar um store do Pinia?

Resposta

Em um store do Pinia, como definir os dados de estado?

Resposta

O que são actions em um store do Pinia?

O que são getters em um store do Pinia?

Outros temas de entrevista Vue.js / Nuxt.js

Fundamentos de JavaScript

JavaScript moderno (ES6+)

Fundamentos do Vue

Componentes Vue

Vue Router

Vuex (Legacy)

Composition API

Reatividade do Vue

Fundamentos do Nuxt

Data Fetching no Nuxt

SSR e SSG no Nuxt

Rotas de servidor Nuxt

Módulos Nuxt

Composables do Vue

Formulários e validação Vue

Gerenciamento de estado no Nuxt

Testes no Vue

Deploy do Nuxt e CI/CD

Desempenho do Vue

Padrões avançados do Vue

TypeScript com Vue

Autenticação Nuxt

SEO com Nuxt

Internacionalização no Nuxt

Arquitetura Vue

Segurança no Nuxt

Ecossistema Vue

Migração Vue 2→3 e Nuxt 2→3

Domine Vue.js / Nuxt.js para sua proxima entrevista