To start our component, we will use the Vue project with Vue-CLI that we completed in the 'Creating a CRUD interface with axios and Vuesax' recipe in Chapter 5, Fetching Data from the Web via HTTP Requests. In the following steps, we will add vue-router to the project through the Vue UI dashboard:
- First, you will need to open vue ui. To do this, open Terminal (macOS or Linux) or Command Prompt/PowerShell (Windows) and execute the following command:
> vue ui
- There, you will need to import the project by locating the project folder. After importing vue ui, you will be redirected to the dashboard.
- Add vue-router to the plugins by going to the plugins management page and clicking on the Add vue-router button. Then, click on the Continue button.
- The Vue-CLI will automatically install and configure vue-router on the project for us. We now need to create each view for the List, View, and Edit pages.
To start view development, we will go first by the user list...