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.

Link to video

Vue 2 and October CMS Todo AppSetup

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 01 / Duration 13:35 /
Link to video

Vue 2 and October CMS Todo AppCreating 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 02 / Duration 16:02 /
Link to video

Vue 2 and October CMS Todo AppListing 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 03 / Duration 17:37 /
Link to video

Vue 2 and October CMS Todo AppProps

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

Episode 04 / Duration 10:33 /
Link to video

Vue 2 and October CMS Todo AppCreate 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 05 / Duration 24:58 /
Link to video

Vue 2 and October CMS Todo AppComputed 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 06 / Duration 7:59 /
Link to video

Vue 2 and October CMS Todo AppDelete 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 07 / Duration 10:20 /
Link to video

Vue 2 and October CMS Todo AppComplete 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 08 / Duration 11:13 /
Link to video

Vue 2 and October CMS Todo AppEdit Todos

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

Episode 09 / Duration 12:54 /
Get in touch