Episode 04 • Vue 2 and October CMS Todo App

Props

In this episode we are going to learn how to use props to send data from one Vue.js component to another.

In this episode of Vue 2 and October CMS Todo App we are going to create a new component for our application. This component is going to represent a single todo item from our todo list.

Next, we are going to reconfigure our app so that all of the data is coming in to the App.vue component and then spreads from there to TodoList.vue and then ends up in our todo.vue component. All of that is going to be possible by using props in vue.js.

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