Learn TypeScript 3 by Building Web Applications

Installing and configuring Vue Router

Now that we have a first view (even if an overly simplistic one), we can display it. To do so, we will now install and configure Vue Router in our application:

1. Install the library:

npm install vue-router

2. Once installed, modify the src/router/router.ts file as follows:

import VueRouter from 'vue-router';import Home from '@/views/Home.vue';export const router = new VueRouter({  mode: 'history',  base: '', // useful for sub-domains  routes: [    { path: '/', component: Home },    { path: '/home', component: Home },    { path: '*', redirect: '/' },  ],});

There are a few things to know about this code:

• We first import VueRouter: This is the class that is used to create a router instance and configure it.
• In this ...