Composition APIをサポートしていますか？

はい。「Option Store」構文と、Vue 3 Composition APIと同じパターンを使用する「Setup Store」構文を切り替えることができます。

TypeScriptはサポートされていますか？

はい。ジェネレーターはデフォルトで完全に型付けされたTypeScriptコードを生成し、状態とアクションがオートコンプリートと型チェックの恩恵を受けるようにします。

生成されたストアはどのように使用しますか？

コードをプロジェクトにコピーしたら、`useStore`関数をインポートし、コンポーネントの`setup`フックまたは` `ブロック内で呼び出すことができます。

私のコードデータはあなたのサーバーに保存されますか？

いいえ。あなたが定義するストア構造は、完全にブラウザ環境内に留まります。コードやアーキテクチャデータが外部に送信または保存されることはありません。

フォーマッター＆コード

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

編集者注

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

この詳細な解説章は現在、英語版のみで提供されています。上の変換ツールはあなたの言語で動作しますが、長文の解説記事はまだ翻訳されていません。

よくある質問

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.

他の人はこちらも検索しています

More in this room.

すべて表示フォーマッター＆コード