10.vue.jsとfirebaseでランキングつき連打ゲーム:index.html

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- 10.vue.jsとfirebaseでランキングつき連打ゲーム:index.html [2018/12/28] – [javascriptの配列とオブジェクト] adash333
+++ 10.vue.jsとfirebaseでランキングつき連打ゲーム:index.html [2018/12/31] (現在) – [0.用意するもの（開発環境）] adash333
@@ 行 39: / 行 39: @@
 <code>
 CodeSandbox
-Firebase
+Firebase (real time databse)
 Vue 2.5.2
 Vuetify
@@ 行 346: / 行 346: @@
 今回のコードで、一番難しいところ。
 ここは、https://qiita.com/renowan/items/b8222f2b873cc29a462d　のコードをコピペしたのですが、詳しいところはさっぱりわかりません。
 <code>
@@ 行 375: / 行 381: @@
 以下のコードでもよい？
+https://ueqareer.net/2770/3
+<code>
+   <!-- todoの一覧表示 -->
+    <ul v-for="(todo, key) in filteredTodos" :key="todo.id">
+      <li><input class="toggle" type="checkbox" v-model="todo.isComplete" v-on:click="updateIsCompleteTodo(todo, key)">{{ todo.name }}</li>
+      <button type="submit" v-on:click="deleteTodo(key)">削除</button>
+    </ul>
+</code>
 <code>
@@ 行 434: / 行 449: @@
 これを、listという配列arrayに変換する。
+<wrap hi>結局、object{ }の中身のvalueを並べて、[ ]でくくった配列arrayにしているのだと解釈しました。</wrap>
+（間違っていたらすみません、、、）
 https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Object/keys

10.vue.jsとfirebaseでランキングつき連打ゲーム/index.html.1546017064.txt.gz · 最終更新: 2018/12/28 by adash333