Question 5: Consider the below Vue application with markup file “inde…

1<div id = "app">
2    <router-view></router-view>
3</div>
4<script src = "app.js"> </script>

1const First = Vue.component("first", {
2        template: `<div>Hello First Component !!</div>`
3    })
4
5const Second = Vue.component("second", {
6        template: `<div>Hello Second Component !!</div>`
7    })
8
9const router = new VueRouter({
10        base: '/myapp/',
11        routes: [
12            {
13                path: "/endpoint1",
14                component: First,
15            },
16            {
17                path: "/endpoint2",
18                component: Second,
19            },
20            ]
21    });
22
23const app = new Vue({
24        el: '#app',
25        router,
26        data: {},
27        methods: {}
28    });