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.
Edit Todos

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.

Episode   912:54
Complete Todo

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   811:13
Delete Todo

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   710:20
Computed Properties

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   67:59
Create Todo

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   524:58
Props

Props

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

Episode   410:33
Listing Todos

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   317:37
Creating The API

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   216:02
Setup

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   113:35
© Watch And Learn,2024