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

1<div id = "app">
2    <router-link to="/endpoint1">Home</router-link>
3    <router-view></router-view>
4</div>
5<script src = "app.js"> </script>

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