Building the UI for Products: Editing a Product

Introduction

We will approach the task using the following steps:

1. Create a file called EditProduct.vue in the views/Product directory.
2. Create a new route for editing, such as /admin/product/:id.

The EditProduct.vue view

With this view, we’ll edit a particular product from the products displaying the page.

Create a file called EditProduct.vue in the src/views/Product folder.