はじめに 今回は前回の記事の続きを記述していく。 page側でfirebaseにあるデータを取得して表示 idをキーに指定して、v-forを用いてtodosを展開することで表示することができる <ul> <li v-for="todo in todos" :key="todo.id"> <span v-if="todo.created"> (略) <span v-bind:class="{ done: todo.done }"> {{ todo.name }}, {{ todo.created.toDate() | dateFilter}} </span> (略) </span> </li></ul>…