Episode 09 • Vue 2 and October CMS Todo App

Edit Todos

In this episode you are going to learn how to edit todo using Vue and then save it to your October CMS database.

To do this we are going to be needing a form that we are going to bind to title and description of todo using Vue. Since this is bound to our model, whatever changes we make will be automatically changed through out our application - at least on the front-end and at least until we refresh the page.

To make our changes permanent we are just going to take the data from that todo, find it in our October CMS database by id and then update that todo - like we already did a couple of times before.

Download code
  • Episode 01 • Duration 13:35

    Setup

  • Episode 02 • Duration 16:02

    Creating The API

  • Episode 03 • Duration 17:37

    Listing Todos

  • Episode 04 • Duration 10:33

    Props

  • Episode 05 • Duration 24:58

    Create Todo

  • Episode 06 • Duration 7:59

    Computed Properties

  • Episode 07 • Duration 10:20

    Delete Todo

  • Episode 08 • Duration 11:13

    Complete Todo

  • Episode 09 • Duration 12:54

    Edit Todos

  • Episode 01 • Duration 13:35

    Setup

  • Episode 02 • Duration 16:02

    Creating The API

  • Episode 03 • Duration 17:37

    Listing Todos

  • Episode 04 • Duration 10:33

    Props

  • Episode 05 • Duration 24:58

    Create Todo

  • Episode 06 • Duration 7:59

    Computed Properties

  • Episode 07 • Duration 10:20

    Delete Todo

  • Episode 08 • Duration 11:13

    Complete Todo

  • Episode 09 • Duration 12:54

    Edit Todos