Modify the main App.vue component template by adding a form after the todo-list invocation. Adding a New Todo ComponentĬreate a new Todo component by creating a file in src/components/Todo.vue.

Let's create our final component so that we can create, edit and delete Todos. So carrying on from the first part, we can now display a list of Todos. In this second part, we will see how to handle events coming in from the template which will allow us to create more Todos, edit them and eventually delete them. In the first part, we touched on how to supply data to templates from a component class, loop over data in the templates and more. By the time you finish this course, you should feel comfortable creating a full–stack web application with Vue, Java, and Spring Boot.This is the second part of a two-part series on building a Vue.js Todo Application. When taking this course, please know that you can take your time because you will get access to support along the way. When going through this course you may come across subjects that you are familiar with as well as those that are completely new to you.

If not we’ll touch on some of those topics early in the course but it is still recommended to have a better understanding. In this course, we start by learning what tools you need to create a full–stack Before taking this course, it is recommended that you have an understanding of skills such as Javascript Java, Basic SQL, or ORM development. This is an entry–level course that focuses on building and reinforcing some of the techniques used by developers to build a full–stack application.

It focuses heavily on designing a backend RESTful Web Service with CRUD functionality that sends data to a Vue Front End Application. This course was built with the goal of teaching the students how to use Java, Spring Boot, and Vue. If you’re tired of long courses and just want to learn basic web development this course is for you.

Vue todolist