Est-ce que cela prend en charge l'API Composition ?

Oui. Vous pouvez basculer entre la syntaxe 'Option Store' et la syntaxe 'Setup Store', qui utilise le même modèle que l'API Composition de Vue 3.

TypeScript est-il pris en charge ?

Oui. Le générateur produit par défaut un code TypeScript entièrement typé, garantissant que votre état et vos actions bénéficient de l'autocomplétion et de la vérification de type.

Comment utiliser le store généré ?

Après avoir copié le code dans votre projet, vous pouvez importer la fonction `useStore` et l'appeler à l'intérieur du hook `setup` de votre composant ou du bloc ` `.

Mes données de code sont-elles stockées sur votre serveur ?

Non. La structure du store que vous définissez reste entièrement dans votre environnement de navigateur. Aucune donnée de code ou d'architecture n'est jamais transmise ou enregistrée à l'extérieur.

Formateurs & Code

Générateur de Stores 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

Note de la rédaction

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

Ce chapitre approfondi n'est actuellement disponible qu'en anglais. L'outil de conversion ci-dessus fonctionne dans votre langue ; le long article explicatif n'a pas encore été traduit.

Questions fréquentes

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.

Les internautes recherchent aussi

Outils similaires

More in this room.

Tout voir dans Formateurs & Code