🐈 【Vue課題】4章 :カードの総数を取得しよう【4-3】
作成日: 2021/12/29
1
  1. リスト内のカードの総数を表示しよう(List.vue) 済み
  2. 全体のカードの総数を表示しよう(Board.vue)(store/index.js) 済み

メモ

  • computed .. データを計算や加工させたもの
  • 全体のカードの総数はストアのstateで管理
  • stateのデータから算出したものをコンポーネントで取得したいときにgetters
  • console.log(state.lists); state.listsの値
    スクリーンショット 2021-12-29 11.38.16.png

「map」関数でstate.lists配列からリストを一つずつ展開(コードではcontent)し、一つのリストの持つcards配列の長さ(つまりはリスト内のカードの数)を取得し、あらかじめ定義した「count」変数に加算しています。

https://www.techpit.jp/courses/24/curriculums/25/sections/215/parts/765/questions/1259
参考になった