Vueで簡易的なTodoリストを作る

こんにちは。櫻井です。
今回は前回の「Vueのデータの受け渡しについての備忘録」の実践編といった感じで簡単なTodoリストに挑戦していきたいと思います。

基本的な機能

今回作成するTodoリストの機能は

  • タスクの追加 – dataのタスクが入っている配列にタスクの雛形を追加
  • タスクの編集 – タスクの配列を編集
  • タスクの削除 – 配列から削除
  • タスクの完了 – タスクの完了を知らせる真偽値の変更

の4つの機能を持たせます。 完成形がこちら

先頭に戻る