Episode 08 • Vue 2 and October CMS Todo App

Complete Todo

In this episode we are going to toggle the status of our todos via Vue.js and then update our October CMS database to also save the new status there.

First of all we are going to style our todo list a bit, and create an icon that is going to be used as an interface to toggle the status of todos via Vue.js. After that I'm going to show how to use php on the October CMS end of things to update that todo in our database.

You are also going to learn how to bind a class to an element and then change it once the status is changed.

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