Episode 06 • Vue 2 and October CMS Todo App

Computed Properties

In this episode you are going to learn about computed properties in Vue.js and how we can use them on our October CMS and Vue Todo list.

Since we are making a todo app in this series it would be good to separate our list into two sections. One with completed todos and the other one with uncompleted todos.

To make this we would have to filter out our list somehow. That is where the computed properties come in. They are a way for us to compute some data and return it. In our case we are going to filter out our list into two lists of completed and uncompleted todos, and then display them in our template.

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