LoginSignup
0
0

More than 3 years have passed since last update.

【Nuxt.js】Vuex基礎編②stateを複数使ってみよう

Posted at

🎈 この記事はWP専用です
https://wp.me/pc9NHC-en

前置き

今回は前回の基礎編に続き、
stateが複数ある場合の書き方です✍️
基礎編でVuexの基本的な解説はしています!
また基礎編のコードに追記するので
そちらを確認しながらやってみてください🌟

Vuex基礎編はこちら
https://note.com/aliz/n/n497914c981c8

やりたいこと

picture_pc_f55edca4f826019fede322e05e15c0ba.gif

基礎編のカウンターを2つに増やします!
これだけ!!!

NGパターン

picture_pc_18c865e53858c3abb3d3d4560c782d23.gif

まずはNGパターンから。
まずはstateにsubCounterを追加。
mutationsなどにも同様に
subCounterについて追記します✍️

が!
これだと後述したsubCounterに
全てがまとまってしまいます。。。

🎈 続きはWPでご覧ください👀
https://wp.me/pc9NHC-en

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0