Adding Footer

Learn how to add a footer to a webpage with Vue.

Introduction

In this chapter, we are going to implement the basic UI for the Login, Register, and Home screens. We will start by adding a simple footer at the bottom and then move on to the screens.

Let’s get started!

Updating Footer.vue file

To add a simple Footer at the bottom of the page, we need to create a file named Footer.vue in the ./components folder.

We can use the code from the following code snippet to create a simple footer template: