見出し画像

【Nuxt.js】アプリ開発実践編:Nuxt + Vuex + firebaseでログイン付きToDoリスト②

#vue #nuxt #プログラミング #プログラミング初心者 #エンジニア #駆け出しエンジニア #駆け出しエンジニアと繋がりたい

🎈 この記事はnoteでの有料記事のため
  WPへ移行していません🧸

前置き

スクリーンショット 2020-12-04 18.05.10

前回の続きです🙋‍♀️

TODOに期日をつけて
期日が過ぎたら赤字で表示
してくれるようにします🌟

コードをシンプルに
イメージすると…🧠💭

if (現在日時 >= 指定期日) {
 赤字で表示させる
}

こんな感じですね🌟

日時については
dayjsを使用していきます🕰
日付と時刻を表示・操作できる
ライブラリです📚

⚠️ユーザー別にTODOの出し分けを
やる予定でしたが、
結構ハードル高いので変更しました♻️🧞‍♂️


事前知識①: dayjs

ここから先は

6,560字 / 6画像

¥ 500

この記事が気に入ったらサポートをしてみませんか?