storeを作る。

[ShimaBee]

値の保管庫であるstoreを作ります。 storeは一つのアプリ一つだけ！ どこコンポーネントからも呼び出せる値を保存する保管庫がstoreです。

[ShimaBee]

1. store/index.jsを作成

2. state(storeに保管されている値)を定義する。

   export const state = () => ({
   counter: 0
   })

※ stateがうまく定義されているか、index.vueで呼び出して確認！ 呼び出し方は{{$store.state.counter}}

<div class="count-integer-wrapper d-flex justify-center font-weight-bold display-4">
      <p class="pb-8">{{$store.state.counter}}</p>
</div>

リロードして０が表示されればOK！他にも数字を変えてみて、確認してみてね！