Chapter 5: Managing a List with Vue.js
After going through the basic and advanced concepts of Vue.js, with this chapter, let’s finish our study of the Vue.js library by building an application to manage a list of elements.
Why make this type of application? Quite simply because it allows you to perform fairly standard operations on the HTML elements of a page, such as inserting an element, modifying it, and deleting it.
These are the basic operations that you need to know how to perform, for example, to manage the elements in a database. In this chapter, we will learn how to perform these operations on the elements displayed on the screen, and in the next part (where we study Node.js and MongoDB), we will see how to simultaneously update a database.
Here are the topics covered in this chapter:
- Splitting the application into components
- Adding an element to the list
- Removing an element from the list
- Modifying an element in the list
But let&...