Question 15: Consider the below Vue.js application. What will be the …

1<template>
2  <div>
3    <button @click="goToPage('Home')">Go to Home</button>
4    <button @click="goToPage('About')">Go to About</button>
5    <button @click="goToPage('Contact')">Go to Contact</button>
6
7    <div v-if="visitedPages.length">
8      <h3>Visited Pages:</h3>
9      <ul>
10        <li v-for="(page, index) in visitedPages" :key="index">{{ page
11}}</li>
12      </ul>
13    </div>
14  </div>
15</template>
16
17<script>
18export default {
19  data() {
20    return {
21      visitedPages: []
22    };
23  },
24  mounted() {
25    const storedPages = JSON.parse(sessionStorage.getItem('visitedPages'))
26|| [];
27    this.visitedPages = storedPages;
28  },
29  methods: {
30    goToPage(page) {
31      this.visitedPages.push(page);
32      sessionStorage.setItem('visitedPages',
33JSON.stringify(this.visitedPages));
34      this.$router.push(`/${page.toLowerCase()}`);
35    }
36  }
37};
38</script>