Supporta l'API di composizione?

Sì. Puoi passare dalla sintassi 'Option Store' alla sintassi 'Setup Store', che utilizza lo stesso modello dell'API di composizione di Vue 3.

TypeScript è supportato?

Sì. Il generatore produce codice TypeScript completamente tipizzato per impostazione predefinita, assicurando che il tuo stato e le tue azioni beneficino dell'autocompletamento e del controllo del tipo.

Come si usa lo store generato?

Dopo aver copiato il codice nel tuo progetto, puoi importare la funzione `useStore` e chiamarla all'interno dell'hook `setup` del tuo componente o del blocco ` `.

I dati del mio codice vengono archiviati sul vostro server?

No. La struttura dello store che definisci rimane interamente all'interno del tuo ambiente browser. Nessun codice o dato architettonico viene mai trasmesso o salvato esternamente.

Formattatori e Codice

Generatore di 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 dell'editore

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

Questo capitolo approfondito è attualmente disponibile solo in inglese. Lo strumento di conversione qui sopra funziona nella tua lingua; il lungo articolo esplicativo non è stato ancora tradotto.

Domande frequenti

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.

Le persone cercano anche

Strumenti correlati

More in this room.

Vedi tutto in Formattatori e Codice