Nuxt.jsでなんか作る(2)

vue

Nuxt.js と firebase realtime で、Todoを作った。

機能としては、

  • 認証(firebase authentication)
  • todoの追加、削除
  • ブラウザからのrealtime databaseの更新(単方向)

changed listenerみたいなの登録すれば、双方向も難しくなさそう。

firebase realtime database が思ってたより、難しくなくて、良かった。

今日のtips

vue で delete は使えない。やるときは、

this.$delete(this.dict, key)

こんな感じで、$delete メソッドを使用しなければならない。

realtime database で消すときは、set(null)をすると、子が消える。

vueで連想配列をfor-inすると、keyではなくvalueが出てくる。

結構わかってきた^^