Vue 2 and October CMS Todo App

In this series we are going to be creating Todo application using October CMS as the backend for the application, and Vue.js 2.0 is going to serve as a frontend technology for our app.

  • Episode 01Duration 13:35

    Setup

    In this series we are going to create a todo app using October CMS as backend and Vue.js 2 as frontend of our App.
  • Episode 02Duration 16:02

    Creating The API

    Before we start using Vue.js 2 to create our application we have to create the API for it using October CMS.
  • Episode 03Duration 17:37

    Listing Todos

    In this episode we are going to use axios library to get all of our todos from October CMS api and then list them using Vue 2.
  • Episode 04Duration 10:33

    Props

    In this episode we are going to learn how to use props to send data from one Vue.js component to another.
  • Episode 05Duration 24:58

    Create Todo

    In this episode you are going to learn how to create new todo item using Vue.js 2.0 and then save it to our OctoberCMS database.
  • Episode 06Duration 7:59

    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.
  • Episode 07Duration 10:20

    Delete Todo

    In this episode I'm going to show you how to remove todo item from your Vue list and the remove it from October CMS database.
  • Episode 08Duration 11:13

    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.
  • Episode 09Duration 12:54

    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.