Pinia のインストール

Vue3 の状態管理ライブラリーである Pinia を使うためには、まず Pinia をインストールする必要があります。 Pinia をインストールするには、以下のコマンドを実行します。

npm install pinia

Pinia のセットアップ

次に、Vue3 のプロジェクトで Pinia を使うためには、createPinia 関数を使って Pinia のインスタンスを作成し、Vue アプリケーションに登録する必要があります。

import { createApp } from "vue";
import { createPinia } from "pinia";

const app = createApp(App);
const pinia = createPinia();

app.use(pinia).mount("#app");

export default app;

これで、Pinia を使う準備が整いました。

まとめ

Pinia のインストール方法とプロジェクトで使用する方法を紹介しました。

次のセクションでは、Pinia の基本的な使い方を紹介します。

参考

• Getting Started | Pinia