エンジニアリングマネージャー見習いの個人開発備忘録

表示の都合でデータを別で作ってはいけない

背景

  • 自分なりの TodoList の亜種みたいなアプリを作っている
  • データの持たせ方で悩んでいた

目的(課題)

  • todoの一覧データをどう子コンポーネントに受け渡すか、および更新するか?

結論

  • 親コンポーネントから子コンポーネントに受け渡すデータは todos のみ
  • filteredTodo は表示の都合で生まれただけのもの
  • それは vue では算出プロパティに書くことで生成するのがセオリー
    • 参考:https://ja.vuejs.org/guide/essentials/computed.html

やっていた間違い

  • 表示用の filteredTodo というデータを別に作ろうとしていた
    • これは表示の都合なだけなのでそもそも必要ない