Isso oferece suporte à Composition API?

Sim. Pode alternar entre a sintaxe 'Option Store' e a sintaxe 'Setup Store', que utiliza o mesmo padrão da Vue 3 Composition API.

É suportado o TypeScript?

Sim. O gerador produz código TypeScript totalmente tipado por predefinição, garantindo que o seu estado e ações beneficiem do preenchimento automático e da verificação de tipo.

Como utilizo o store gerado?

Depois de copiar o código para o seu projeto, pode importar a função `useStore` e chamá-la dentro do `setup` hook do seu componente ou do bloco ` `.

Os dados do meu código são guardados no seu servidor?

Não. A estrutura da store que define permanece inteiramente no seu ambiente de navegador. Nenhum código ou dados arquitetónicos são alguma vez transmitidos ou guardados externamente.

Formatadores e Código

Gerador de Store Vue 3 + Pinia

Typed Pinia stores with state, getters and actions.

Runs in your browser

Store name (camelCase)State (comma-separated key: default)Actions (comma-separated)

stores/user.ts

import { defineStore } from "pinia";
import { ref, computed } from "vue";

export const useUserStore = defineStore("user", () => {
  // state
  const id = ref('');
  const email = ref('');
  const isAuthed = ref(false);

  // actions
  async function login() {
    // TODO implement login
  }
  async function logout() {
    // TODO implement logout
  }

  return {
    id,
    email,
    isAuthed,
    login,
    logout,
  };
});

lines: 26chars: 431size: 431 B

live

Nota do editor

Understanding · State, derived state, mutations — one defineStore call.

Este capítulo aprofundado está disponível apenas em inglês no momento. A ferramenta de conversão acima funciona no seu idioma; o artigo explicativo longo ainda não foi traduzido.

Perguntas frequentes

Quick answers.

›Does this support the Composition API?

Yes. You can toggle between the 'Option Store' syntax and the 'Setup Store' syntax, which uses the same pattern as the Vue 3 Composition API.

›Is TypeScript supported?

Yes. The generator produces fully typed TypeScript code by default, ensuring your state and actions benefit from autocompletion and type checking.

›How do I use the generated store?

After copying the code into your project, you can import the `useStore` function and call it inside your component's `setup` hook or `<script setup>` block.

›Is my code data stored on your server?

No. The store structure you define remains entirely within your browser environment. No code or architectural data is ever transmitted or saved externally.

As pessoas também pesquisam por

Ferramentas relacionadas

More in this room.

Ver tudo em Formatadores e Código