3-1 ListAddコンポーネントを作成しよう

進捗

• eslint警告を消す、/* eslint-disable */で非表示

「2. 「フォームボタンが押下されたら、リストを作成する」仕組みを実装しよう」
store/index.jsを入力しはじめると画面表示されなくなってしまう↓↓
サンプルコードのままのはずなのになぜか、、やり直す

わからないところ

• ストアのstate←？？
• リストのデータの状態をストアで管理←？？
• storeの４つの機能??
• Module not found: Error: Can't resolve 'vuex' inエラー
  → vuexインストールし直し

感想

いきなり難しくなった感じがあります、、

実装メモ

プロジェクトにinstallしたVue.jsのバージョン

techpit-my-trello % npm list vue    
techpit-my-trello@0.1.0 /Applications/MAMP/htdocs/Web/JavaScript/techpit-my-trello
└── UNMET PEER DEPENDENCY vue@2.6.14 

npm ERR! peer dep missing: vue@^3.0.2, required by vuex@4.0.2

グローバルにinstallしたVue.jsのバージョン

techpit-my-trello %  npm list -g vue
/Users/kazumatakanashi/.nodebrew/node/v14.18.1/lib
└─┬ @vue/cli@4.5.15
  └── vue@2.6.14 

vuexがインストールできていない？→no vuex store detected

☆解決☆

vuexが、devDependenciesではなく、dependenciesにあるのが正。
橋本さんに教えていただき解決しました。ありがありがとうございます!
✗：npm i --save-dev vuex
○：npm i vuex