Bu, Composition API'yi destekliyor mu?

Evet. Vue 3 Composition API ile aynı deseni kullanan 'Option Store' söz dizimi ile 'Setup Store' söz dizimi arasında geçiş yapabilirsiniz.

TypeScript destekleniyor mu?

Evet. Oluşturucu varsayılan olarak tam tip denetimli TypeScript kodu üretir, böylece durumunuz ve eylemleriniz otomatik tamamlama ve tip denetiminden faydalanır.

Oluşturulan deposu nasıl kullanırım?

Kodu projenize kopyaladıktan sonra, `useStore` fonksiyonunu içe aktarabilir ve bileşeninizin `setup` hook'u veya ` ` bloğu içinde çağırabilirsiniz.

Kod verilerim sunucunuzda mı saklanıyor?

Hayır. Tanımladığınız depo yapısı tamamen tarayıcı ortamınızda kalır. Hiçbir kod veya mimari veri harici olarak iletilmez veya kaydedilmez.

Biçimlendiriciler ve Kod

Vue 3 + Pinia Store Oluşturucu

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

Editörün notu

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

Bu ayrıntılı bölüm şu anda yalnızca İngilizce olarak sunulmaktadır. Yukarıdaki dönüştürme aracı sizin dilinizde çalışır; uzun açıklayıcı yazı henüz çevrilmemiştir.

Sıkça sorulan sorular

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.

İnsanlar ayrıca şunları arar

İlgili araçlar

More in this room.

Tümünü gör Biçimlendiriciler ve Kod