表示の都合でデータを別で作ってはいけない
背景
- 自分なりの TodoList の亜種みたいなアプリを作っている
- データの持たせ方で悩んでいた
目的(課題)
- todoの一覧データをどう子コンポーネントに受け渡すか、および更新するか?
結論
- 親コンポーネントから子コンポーネントに受け渡すデータは todos のみ
- filteredTodo は表示の都合で生まれただけのもの
- それは vue では算出プロパティに書くことで生成するのがセオリー
- 参考:https://ja.vuejs.org/guide/essentials/computed.html
やっていた間違い
- 表示用の filteredTodo というデータを別に作ろうとしていた
- これは表示の都合なだけなのでそもそも必要ない