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.

모두 보기 포매터 및 코드